学习是一场马拉松，不在于瞬间的爆发，而在于途中的坚持。
文章目录
HTML 常用文本格式化标签
前言
HTML 中的文本格式化标签，可以为文字设置租体、斜体或下划线等效果，使文字以特殊的方式显示，以此和普通文本区分开来。
1. 标签汇总
| 序号 | 设置效果 | 标签 | 示例代码 |
|---|---|---|---|
| 1 | 粗体文本 | b | <b>这是粗体文本</b> |
| 2 | 加重语气 | strong（样式为粗体） | <strong>这是加重语气的粗体文本</strong> |
| 3 | 着重文字 | em（样式为斜体） | <em>这是强调重要语气的斜体文本</em> |
| 4 | 斜体 | i | <i>这是斜体文本</i> |
| 5 | 下划线 | u | <u>这是下划线文本</u> |
| 6 | 插入文本 | ins（样式为斜体，通常用于区分文档中更新/修正的部分） | <ins>这是新插入的文本</ins> |
| 7 | 删除线 | del（推荐使用） / s | <del>这是删除线文本</del><s>这是删除线文本</s> |
| 8 | 上标 | sup | 这是<sup>上标</sup>文本 |
| 9 | 下标 | sub | 这是<sub>下标</sub>文本 |
| 10 | 引用 | q | 这是<q>引用</q>文本 |
| 11 | 设置排序的文本 | bdo（配合 dir 属性使用） dir=“ltr”：从左到右显示的文本 dir=“rtl”：从右到左显示的文本 | 这是从左到右显示的文本：<bdo dir="ltr">1234</bdo>这是从右到左显示的文本：<bdo dir="rtl">1234</bdo> |
| 12 | 缩写 | abbr（title属性中设置完整文本，标签内容设置缩写文本） | 这是 Hyper Text Markup Language 的缩写：<abbr title="Hyper Text Markup Language">HTML</abbr> |
| 14 | 文本字体缩小 | small（可以嵌套，从而连续地把文本的字体变小一号，直到达到所支持的最小字号，后续再嵌套的small标签将不起任何作用） | <p style="font-size: 20px;">这是<small>小一号<small>小二号<small>小三号</small></small></small>文本</p> |
| 15 | 文本字体放大 | big（HTML5 不支持 ，不推荐使用，推荐使用CSS修改字体大小。） | 这是<big>大号</big>文本 |
2. 示例代码
<p>
<b>这是粗体文本</b> <br />
<strong>这是加重语气的粗体文本</strong> <br />
<em>这是强调重要语气的斜体文本</em> <br />
<i>这是斜体文本</i> <br />
<u>这是下划线文本</u> <br />
<ins>这是新插入的文本</ins> <br />
<del>这是删除线文本</del> <br />
<s>这是删除线文本</s> <br />
这是<sup>上标</sup>文本 <br />
这是<sub>下标</sub>文本 <br />
这是<q>引用</q>文本 <br />
这是从左到右显示的文本：<bdo dir="ltr">1234</bdo> <br />
这是从右到左显示的文本：<bdo dir="rtl">1234</bdo> <br />
这是【Hyper Text Markup Language】的缩写：
<abbr title="Hyper Text Markup Language">HTML</abbr>
</p>
<p style="font-size: 20px;">
这是<small>小一号<small>小二号<small>小三号</small></small></small>文本
</p>
<p>这是<big>大号</big>文本 <br /></p>
3. 运行截图
