一、HTML标题
1、标题(Heading)是通过 <h1> - <h6> 标签进行定义的:
<h1> 定义最大的标题。 <h6> 定义最小的标题。
2、浏览器会自动在标题的前后添加空行(标题是粗体且大号)
3、<hr>在页面中创建水平线,我们可用它来分割内容。
效果如图:
代码如下:
<html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/><title>I am the name</title></head><body><h1>让我看看有没有加空行</h1><hr><p>例如,对于下面这个一元二次方程:</p><a href="/">访问百度</a></body></html>
4、查看网页的源代码:右键——>查看源文件
二、HTML段落:<p></p>
1、<br>:不产生新段落的情况下换行
效果图:
代码如下:
<html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/><title>I am the name</title></head><body><h1>让我看看有没有加空行</h1><hr><p>例如,对于下面这个一元二次方程:</p><a href="/">访问百度</a><p>让我来<br>试试<br>能不能换行</p></body></html>
2、注:我们无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。
演示代码如下:
<html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/><title>I am the name</title></head><body><h1>数不清是第几个尝试的代码呢</h1><hr><p>我微笑着走向生活我微笑着走向生活,无论生活以什么方式回敬我。</p></body></html>
效果如下:
三、文本格式化(加粗、斜体、上标下标等)
1、文本格式化标签
详见👉:/html/html-formatting.html
2、效果有:加粗、斜体、上标下标、控制空格空行、写地址、缩写、文字显示方向、标记删除文本和插入文本