文本标签与区块标签

文本标签与区块标签

1. 标题标签h1~h6

标题标签直观的告诉用户，网页哪部分是重要的，哪些是不那么重要的。标题标签通常用来为用户展现网页的结构。

• 标题（Heading）是通过 <h1> - <h6> 标签进行定义的。
• <h1> 定义最大的标题。 <h6> 定义最小的标题，字体均为加粗，h1 标签字体最大，h6 标签字体最小。
• 标题标签都为双标签，所以必须要有起始标签与结束标签。
• 标题标签均为块级元素，既默认占一整行，自带换行效果。
• 标题标签均有上下边距，既 CSS 中的外边距。

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MADM8OGw-1649347992876)(https://raw.githubusercontent.com/xiaofeilalala/DocsPics/main/imgs/20210611203058.png)]

2. 段落标签p

P 标签用来定义段落。当我们需要在网页上显示一段一段的内容时，就可以使用 P 标签。

• 段落是通过 <p> 标签定义的。
• p 标签为双标签，所以必须有首尾标签。段落的内容既为 p 标签的内容。
• p 标签为块级元素，内容会默认占一整行，即使内容很少，自带换行效果。
• p 标签里面可以嵌套其他标签。
• p 标签默认会自带上下边距的样式，既 CSS 中的外边距。

<p>段落标签</p>

3. 文本格式化标签

文本格式化标签是对输出的文本进行格式化。

3-1 粗体与斜体

• <b> 定义粗体文本
• <i> 定义斜体文本

<b>粗体文本</b>
<i>斜体文本</i>

在 HTML 4.01 中，<i> 标签呈现斜体的文本。然而，在 HTML5 中没有必要这么做，可以使用样式表来格式化 <i> 元素中的文本。

通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。

3-2 上标和下标

• <sup> 定义上标文本，上标文本将会显示在当前文本流中字符高度的一半为基准线的上方，与当前文本流中文字的字体和字号都是一样的。
• <sub> 定义下标文本，下标文本将会显示在当前文本流中字符高度的一半为基准线的下方，与当前文本流中文字的字体和字号都是一样的。

上标<sup>[1]</sup>
H<sub>2</sub>o

3-3 加粗和强调

• <strong> 定义重要的文本，默认在浏览器显示为粗体
• <em> 定义被强调的文本，默认在浏览器显示斜体

<strong>重要内容</strong>
<em>强调作用</em>

在 HTML 4.01 中，<strong> 标签定义加粗的被强调的文本，在 HTML 5 中，<strong> 标签定义重要的文本。

3-4 内容的修改

• <ins> 定义插入字
• <del> 定义删除字

<ins>插入的文本</ins>
<del>删除的文本</del>

<del> 和