HTML格式化

HTML 格式化是一个用于改进文本外观的过程。HTML 提供了在不使用 CSS 的情况下格式化文本的能力。HTML 中有很多格式化标签。这些标签用于将文本加粗、斜体或下划线。HTML 和 XHTML 中约有 14 种选项可用于控制文本的外观。

在 HTML 中，格式化标签分为两类：

• 物理标签：这些标签用于为文本提供视觉外观。
• 逻辑标签：这些标签用于为文本添加逻辑或语义值。

注意：有些物理标签和逻辑标签可能提供相同的视觉外观，但在语义上是不同的。

在这里，我们将学习 14 个 HTML 格式化标签。以下是 HTML 格式化文本的列表。

1) 加粗文本

HTML <b> 和 <strong> 格式化元素

HTML <b> 元素是一个物理标签，它以粗体显示文本，而没有任何逻辑重要性。如果您在 <b>............</b> 元素内写入任何内容，则会以粗体显示。

请看这个例子

输出

HTML <strong> 标签是一个逻辑标签，它以粗体显示内容，并告知浏览器其逻辑重要性。如果您在 <strong>???????. </strong> 之间写入任何内容，则会显示重要文本。

请看这个例子

输出

示例

2) 斜体文本

HTML <i> 和 <em> 格式化元素

HTML <i> 元素是一个物理元素，它以斜体显示包含的内容，而不会增加任何重要性。如果您在 <i>............</i> 元素内写入任何内容，则会以斜体显示。

请看这个例子

输出

HTML <em> 标签是一个逻辑元素，它将以斜体显示包含的内容，并增加语义重要性。

请看这个例子

输出

3) HTML 标记格式化

如果您想标记或突出显示文本，则应将内容写在 <mark>.........</mark> 之间。

请看这个例子

输出

4) 下划线文本

如果您在 <u>.........</u> 元素内写入任何内容，则会显示为带下划线的文本。

请看这个例子

输出

5) 删除线文本

写在 <strike>.......................</strike> 元素内的任何内容都会显示为删除线。这是一条穿过语句的细线。

请看这个例子

输出

6) 等宽字体

如果您希望每个字母具有相同的宽度，则应将内容写在 <tt>.............</tt> 元素之间。

注意：我们知道大多数字体被称为可变宽度字体，因为不同的字母宽度不同。（例如：'w' 比 'i' 宽）。等宽字体在每个字母之间提供相似的空间。

请看这个例子

输出

7) 上标文本

如果您将内容放在 ^{..............} 元素之间，它将显示为上标；意味着它显示在其他字符上方半个字符的高度。

请看这个例子

输出

8) 下标文本

如果您将内容放在 _{..............} 元素之间，它将显示为下标；意味着它显示在其他字符下方半个字符的高度。

请看这个例子

输出

9) 已删除文本

放在 <del>..........</del> 之间的任何内容都将显示为已删除文本。

请看这个例子

输出

10) 已插入文本

放在 <ins>..........</ins> 之间的任何内容都将显示为已插入文本。

请看这个例子

输出

11) 大号文本

如果您想让字体大小比其他文本大，请将内容放在 <big>.........</big> 之间。它比前一个增加一个字体大小。

请看这个例子

输出

12) 小号文本

如果您想让字体大小比其他文本小，请将内容放在 <small>.........</small> 标签之间。它比前一个减小一个字体大小。

请看这个例子

输出