HTML格式

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

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

<p> This text is <i>italic</i>.</p>

浏览器输出

Italic text with

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

语义标签:这些标签除了给文本添加样式外,还给文本添加了一些特殊的含义。例如,

<p> This text is <em>emphasized</em>.</p>

浏览器输出

Italic text with

这里,<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> This text is <b>bold</b>.</p>

浏览器输出

Bold text with

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

<p> The text is <strong>strong</strong>.</p>

浏览器输出

Bold text with

要了解有关 <b><strong> 标签的更多信息,请访问 HTML 粗体


HTML <i> 和 <em> 标签

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

<p> This text is <i>italic</i>.</p>

浏览器输出

Italic text with

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

<p> This text is <em>emphasized</em>.</p>

浏览器输出

Italic text with

要了解有关 <i><em> 标签的更多信息,请访问 HTML 斜体


HTML <u> 标签

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

<p> This text is <u>underlined</u>.</p>

浏览器输出

Underlined text with

HTML <mark> 标签

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

<p> This text is <mark>marked</mark>.</p>

浏览器输出

Underlined text with

HTML <sup> 和 <sub> 标签

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

<p> This text is <sup>superscripted</sup>.<p>

浏览器输出

Superscript text with

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

<p> This text is <sub>subscripted</sub>.<p>

浏览器输出

Subscript text with

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


HTML <ins> 和 <del> 标签

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

<p> This text is <del>deleted</del>.</p>

浏览器输出

Deleted text with

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

<p> This text is <del>deleted</del> <ins>inserted</ins>.</p>

浏览器输出

Inserted text with

HTML <big> 和 <small> 标签

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

<p> This text is <big>bigger</big>.</p>

浏览器输出

Bigger text with

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

<p> This text is <small>smaller</small>.</p>

浏览器输出

Small text with

我们的高级学习平台,凭借十多年的经验和数千条反馈创建。

以前所未有的方式学习和提高您的编程技能。

试用 Programiz PRO
  • 交互式课程
  • 证书
  • AI 帮助
  • 2000+ 挑战