HTML 格式化


2021 年 12 月 31 日, Learn eTutorial
1640

在本 HTML 教程中,您将学习有关 HTML 中文本格式化的所有内容。我们还将讨论 HTML 中最常用的文本格式化标签。

文本格式化是什么意思?

HTML 格式化是格式化文本以改善其外观和感觉的过程。HTML 允许我们无需 CSS 即可格式化文本。HTML 有各种格式化标签。文本可以通过这些标签进行加粗、斜体或下划线。HTML 和 XHTML 中文本的外观有很多可能性。

  • 粗体文本:HTML 中的 <b> 和 <strong> 标签是格式化元素。默认情况下,<strong> 和 <b> 标签都以粗体显示其中包含的文本,但 <strong> 标签表示其内容非常重要,而 <b> 标签只是为了吸引读者的注意力,不具有任何特殊意义。
  • 斜体文本:HTML 中的 <i> 和 <em> 标签是格式化元素。与 <em> 标签类似,<i> 标签也以斜体形式呈现所包含的文本,但 <em> 标签表示其组成部分比周围文本具有更大的强调,而 <i> 标签用于标记与普通文本不同的文本,例如技术术语、来自另一种语言的习语、一个想法等。
  • 标记格式:为了突出显示或标记文本,您应该将内容写在 <mark> 中。
  • 下划线文本:<u> 标签用于显示带下划线的包含内容。
  • 删除线文本:任何写在 <strike> 标签中的内容都会以删除线显示。它是一条穿过内容的细线。
  • 等宽字体:如果您希望每个字母具有相同的宽度,请将内容写在 <tt> 元素中。由于不同的字母具有不同的宽度,因此大多数字体被称为可变宽度字体。(例如,“w”比“I”宽。等宽字体中每个字母之间的空间量相同。
  • 上标文本:如果您将内容放在 <sup> 元素中,它将以上标显示,这意味着它将比其他字符高半个字符的高度。
  • 下标文本:如果您将内容放在 <sub> 元素中,它将以下标显示,这意味着它将比其他字符低半个字符的高度。
  • 已删除文本:任何包含在 <del> 标签中的内容都显示为已删除内容。它将在内容上带有删除线。
  • 插入文本:任何包含在 <ins> 标签中的内容都显示为插入内容。在大多数情况下,浏览器会给输入的文本添加下划线。
  • 大号文本:如果您希望字体大小大于其余文本,请将其包含在 <big> 标签中。它使字体比前一个大一号。
  • 小号文本:如果您希望字体大小大于其余文本,但它包含在 <small> 标签中。它使字体比前一个大一号。

HTML 文本格式化示例


<!DOCTYPE html>
<html>
<head>
    <title>Text Formatting</title>
</head>
<body>
   <p> this is the <b>b tag</b> </p>
   <p> this is the <strong>strong tag</strong> </p>
   <p> this is the <i>i tag</i> </p>
   <p> this is the <em>em tag</em> </p>
   <p> this is the <mark>mark tag</mark> </p>
   <p> this is the <u>u tag</u> </p>
   <p> this is the <strike>strike tag</strike> </p>
   <p> this is the <tt>tt tag</tt> </p>
   <p> this is the <sup>sup tag</sup> </p>
   <p> this is the <sub>sub tag</sub> </p>
   <p> this is the <del>del tag</del> </p>
   <p> this is the <ins>ins tag</ins> </p>
   <p> this is the <big>big tag</big> </p>
   <p> this is the <small>small tag</small> </p>
</body>
</html>
 
HTML - Text Formatting