跳到主要内容

HTML 格式化

提示
  1. 格式化标签分类:HTML提供物理标签(如<b>, <i>, <u>)用于文本样式,和语义标签(如<em>, <strong>)赋予文本特殊含义。
  2. 文本样式标签:包括<b><i>用于加粗和斜体,<u>用于下划线,<mark>用于高亮显示文本。
  3. 特殊含义标签:如<sup><sub>表示上标和下标,<del><ins>表示文本的删除和插入,<big><small>用于调整文本大小。

HTML 为我们提供了多个标签来帮助格式化文本,比如 <b> 用于加粗、<i> 用于斜体、<u> 用于下划线等。这些标签分为两类:

物理标签:这些标签是展示性的。它们不会给文本增加额外的含义。例如,

<p>这段文本是<i>斜体</i>的。</p>

浏览器输出

斜体文本

这里,<i> 仅用于文本样式,并无其他含义。

语义标签:这些标签在为文本增加样式的同时,还增加了特殊的含义。例如,

<p>这段文本是<em>强调</em>的。</p>

浏览器输出

强调文本

这里,<em> 用于强调文本。屏幕阅读器在朗读时也会强调 <em> 标签内的文本。

注意: 格式化标签大多是内联标签,如 <b><u><i> 等,用于文本样式。

HTML 文本格式化标签

以下是 HTML 最新版本中可用的格式化标签。

  • <b> 标签 - 加粗文本
  • <i> 标签 - 斜体文本
  • <u> 标签 - 下划线文本
  • <strong> 标签 - 强调文本
  • <em> 标签 - 强调文本
  • <mark> 标签 - 高亮文本
  • <sup> 标签 - 上标文本
  • <sub> 标签 - 下标文本
  • <del> 标签 - 删除文本
  • <ins> 标签 - 插入文本
  • <big> 标签 - 大号文本
  • <small> 标签 - 小号文本

HTML <b><strong> 标签

HTML 的 <b> 是一个物理标签,用于简单地使文本加粗。

<p>这段文本是<b>加粗</b>的。</p>

浏览器输出

加粗文本

HTML 的 <strong> 标签是一个语义标签,用于表示标签内的文本具有更高的重要性。这通过使文本加粗来显示。

<p>这段文本是<strong>重要的</strong></p>

浏览器输出

加粗文本

要了解更多关于 <b><strong> 标签,请访问 HTML 加粗

HTML <i><em> 标签

HTML 的 <i> 标签是一个物理标签,用于使文本变为斜体。它用于表示外来文本、科学命名、思想等。

<p>这段文本是<i>斜体</i>的。</p>

浏览器输出

斜体文本

HTML 的 <em> 标签是一个语义标签,用于表示标签内的文本被强调。它是一个语义标签,与没有语义含义的 <i> 不同。

<p>这段文本是<em>强调</em>的。</p>

浏览器输出

强调文本

要了解更多关于 <i><em> 标签,请访问 HTML 斜体

HTML <u> 标签

HTML 的 <u> 标签是一个物理标签,用于使文本带有下划线。

<p>这段文本是<u>带下划线的</u></p>

浏览器输出

带下划线的文本

HTML <mark> 标签

HTML 的 <mark> 标签是一个物理标签,用于突出显示文本。

<p>这段文本是<mark>高亮的</mark></p>

浏览器输出

高亮的文本

HTML <sup><sub> 标签

HTML 的 <sup> 标签用于创建上标文本。文本位于其他文本上方半个字符高度,并且字体更小。

<p>这段文本是<sup>上标的</sup></p>
<p></p>

浏览器输出

上标文本

HTML 的 <sub> 标签用于创建下标文本。文本位于其他文本下方半个字符高度,并且字体更小。

<p>这段文本是<sub>下标的</sub></p>
<p></p>

浏览器输出

下标文本

要了解更多关于 <sup><sub> 标签,请访问 HTML 上标和下标

HTML <ins><del> 标签

HTML 的 <del> 标签是一个语义标签,用于表示文本已被删除或更改。

<p>这段文本是<del>被删除的</del></p>

浏览器输出

被删除的文本

HTML 的 <ins> 标签是一个语义标签,用于表示文本已在文档中插入。<ins> 标签通常跟在某些被删除的文本后面。

<p>这段文本是<del>被删除的</del> <ins>被插入的</ins></p>

浏览器输出

被插入的文本

HTML <big><small> 标签

HTML 的 <big> 标签是一个物理标签,用于使文本比周围文本大一个字号。

<p>这段文本是<big>更大的</big></p>

浏览器输出

更大的文本

HTML 的 <small> 标签是一个物理标签,用于使文本比周围文本小一个字号。

<p>这段文本是<small>更小的</small></p>

浏览器输出

更小的文本