轻松上手,快乐学习!

HTML 文本格式化


HTML 包含很多供格式化输出的元素,用于定义具有特殊含义的文本。


实例

此文字为粗体

此文字为斜体

这是下标上标

尝试一下 »

HTML 文本格化式标签

格式化元素旨在显示特殊类型的文本:

  • <b> - 粗体文本
  • <strong> - 重要文本
  • <i> - 斜体文本
  • <em> - 强调文本
  • <mark> - 标记文本
  • <small> - 较小的文本
  • <del> - 删除的文本
  • <ins> - 插入文本
  • <sub> - 下标文本
  • <sup> - 上标文本

<b> 和 <strong> 标签

HTML <b> 标签定义粗体文本,没有任何额外的重要性。

实例

<b>这段文字是粗体。</b>
尝试一下 »

HTML <strong> 标签定义具有很强重要性的文本。内部内容通常以粗体显示。

实例

<strong>这段文字很重要!</strong>
尝试一下 »

<i> 和 <em> 标签

HTML <i> 标签以交替的声音或语气定义文本的一部分。里面的内容通常以斜体显示。

提示: The <i> 标签通常用来表示一个技术术语、另一种语言的短语、思想、船名等。

实例

<i>这个文本为斜体。</i>
尝试一下 »

HTML <em> 标签定义强调的文本。里面的内容通常以斜体显示。

提示: 屏幕阅读器会用重音发音 <em> 中的单词,使用动词重音。

实例

<em>这段文字被强调了</em>
尝试一下 »

HTML <small> 标签

HTML <small> 标签定义更小的文本:

实例

<small>这是一些较小的文本。</small>
尝试一下 »

HTML <mark> 标签

HTML <mark> 标签定义了应标记或突出显示的文本:

实例

<p>今天别忘了买<mark>牛奶</mark>。</p>
尝试一下 »

HTML <del> 标签

HTML <del> 标签定义从文档中删除的文本。浏览器通常会在删除的文本中划一行:

实例

<p>我最喜欢的颜色是<del>蓝色</del>红色。</p>
尝试一下 »

HTML <ins> 标签

HTML <ins> 标签定义已插入文档的文本。浏览器通常为插入的文本加下划线:

实例

<p>我最喜欢的颜色是<del>蓝色</del> <ins>红色</ins>。</p>
尝试一下 »

HTML <sub> 标签

HTML <sub> 标签定义下标文本。下标文本显示在正常行下半个字符,有时以较小的字体呈现。下标文本可用于化学式,如 H2O:

实例

<p>这是<sub>下标</sub> 文本。</p>
尝试一下 »

HTML <sup> 标签

HTML <sup> 标签定义上标文本。上标文本出现在正常行上方半个字符处,有时以较小的字体呈现。上标文本可用于脚注,如 WWW[1]:

实例

<p>这是<sup>上标</sup> 文本。 </p>
尝试一下 »

HTML 实验

学习测试

练习题:

在下面一段中增加 "degradation" 一词的重要性。

<p>
WWF's mission is to stop the degradation of our planet's natural environment.
</p>

开始练习


HTML 文本格式化标签

标签 描述
<b> 定义粗体文本
<em> 定义强调的文本
<i> 以交替的声音或语气定义文本的一部分
<small> 定义较小的文本
<strong> 定义重要文本
<sub> 定义下标文本
<sup> 定义上标文本
<ins> 定义插入的文本
<del> 定义删除的文本
<mark> 定义标记/突出显示的文本

有关所有可用 HTML 标签列表,请访问 HTML 标签参考手册