2、HTML 常用文本格式化标签

学习是一场马拉松，不在于瞬间的爆发，而在于途中的坚持。

---

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. 运行截图