W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML 文本格式化


文本格式化

This text is bold

This text is italic

This is superscript

HTML 文本格式化 元素

在上一章中,你学会了HTML的样式,使用HTML样式属性。

HTML也可以定义具有特殊意义的特殊元素定义的文本。

HTML使用像 <b> 和 <i> 元素的格式输出,如 粗体斜体 文本。

格式化元素被设计用来显示特殊类型的文本:

  • 粗体文本
  • 重要文本
  • 斜体文本
  • 强调文本
  • 标记文本
  • 小文本
  • 删除文本
  • 插入文本
  • 上标
  • 下标

HTML BoldStrong 格式

HTML <b> 元素定义了一个 粗体 文本, 它没有任何额外的重要性。

Example

<p>This text is normal.</p>

<p><b>This text is bold</b>.</p>
尝试一下 »

HTML <strong> 元素定义了一个 重要 文本,它增强 "strong" 的重要性。

Example

<p>This text is normal.</p>

<p><strong>This text is strong</strong>.</p>
尝试一下 »

HTML ItalicEmphasized 格式

HTML <i> 元素定义了一个 斜体 文本,它没有任何额外的重要性。

Example

<p>This text is normal.</p>

<p><i>This text is italic</i>.</p>
尝试一下 »

HTML <em> 元素定义了一个 强调 文本,它增加了语义的重要性。

Example

<p>This text is normal.</p>

<p><em>This text is emphasized</em>.</p>
尝试一下 »
Note 通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。

然而,这些标签的含义是不同的:

<b> 与<i> 定义粗体或斜体文本。

<strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过,未来浏览器可能会支持更好的渲染效果。

HTML Small 格式

HTML <small> 元素定义了一个 文本:

Example

<h2>HTML <small>Small</small> Formatting</h2>
尝试一下 »

HTML Marked 格式

HTML <mark> 元素定义了一个 标记 或者高亮的文本:

Example

<h2>HTML <mark>Marked</mark> Formatting</h2>
尝试一下 »

HTML Deleted 格式

HTML <del> 元素定义了一个 删除 (移除) 的文本。

Example

<p>My favorite color is <del>blue</del> red.</p>
尝试一下 »

HTML Inserted 格式

HTML <ins> 元素定义了一个 插入 (添加) 的文本。

Example

<p>My favorite <ins>color</ins> is red.</p>
尝试一下 »

HTML Subscript 格式

HTML <sub> 元素定义了一个 下标 文本。

Example

<p>This is <sub>subscripted</sub> text.</p>
尝试一下 »

HTML Superscript 格式

HTML <sup> 元素定义了一个 上标 文本。

Example

<p>This is <sup>superscripted</sup> text.</p>
尝试一下 »

HTML 文本格式化标签

标签 描述
<b> 定义粗体文本
<em> 定义着重文字
<i> 定义斜体字
<small> 定义小号字
<strong> 定义加重语气
<sub> 定义下标字
<sup> 定义上标字
<ins> 定义插入字
<del> 定义删除字
<mark> 定义标记/高亮字