1. 注释:
定义和用法:
注释标签用于在源代码中插入注释,注释不会显示在浏览器中;
有助于后期对代码理解;
例如:
<!--这是一段注释不会在浏览器中显示-->
2. 段落标签
段落是通过 <p>
标签定义的。
<p>这是一个段落 </p>
<p>这是另一个段落</p>
浏览器会自动地在段落的前后添加空行。(</p>
是块级元素)
段落中换行
如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br>
标签:
<p>这个<br>段落<br>演示了分行的效果</p>
运行结果:
3. 标题标签
定义和用法
标题(Heading)是通过 <h1> - <h6>
标签进行定义的。
<h1>
定义最大的标题。 <h6>
定义最小的标题。
此标签用于构建文件结构;
<!--标题标签-->
<h1>这个是1级标题</h1>
<h2>这个是2级标题</h2>
<h3>这个是3级标题</h3>
<h4>这个是4级标题</h4>
<h5>这个是5级标题</h5>
<h6>这个是6级标题</h6>
浏览器中运行结果如下:
浏览器会自动地在标题的前后添加空行。
标题很重要
请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
HTML 水平线
<hr>
标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
<p>这是段落1。</p>
<hr>
<p>这是段落2。</p>
<hr>
<p>这是段落3。</p>
标题大小与字体大小的关系
1到6号标题与1到6号字体逆序对应,比如1号字体对应6号标题,2号字体对应5号标题。
<h1>这是1号标题</h1>
<font size="6">这是6号字体文本</font>
<h2>这是2号标题</h2>
<font size="5">这是5号字体文本</font>
<h3>这是3号标题</h3>
<font size="4">这是4号字体文本</font>
<h4>这是4号标题</h4>
<font size="3">这是3号字体文本</font>
<h5>这是5号标题</h5>
<font size="2">这是2号字体文本</font>
<h6>这是6号标题</h6>
<font size="1">这是1号字体文本</font>