html格式作用
html格式是对文本进行格式化以提高外观的过程。 HTML使我们无需使用css即可格式化文本。 HTML中有许多格式 标签 。这些 标签 用于使文本加粗，斜体或带下划线。在HTML和XHTML中，几乎有14种可用的文本 显示 方式。
在HTML中，格式 标签 分为两类：
物理 标签 ：这些 标签 用于为文本提供视觉外观。逻辑 标签 ：这些 标签 用于在文本中 添加 一些逻辑或语义值。
注意：注意：有些物理和逻辑 标签 可能具有相同的视觉外观，但语义上会有所不同。
在这里 ，我们将学习14个HTML格式 标签 。以下是HTML格式文本的列表。
元素 名称 说明 <b> 这是 一个 物理 标签 ，用于加粗在它们之间写入的文本。 <strong> 这是 一个 逻辑 标签 ，它告诉浏览器文本很重要。 <i> 这是 一个 物理 标签 ，用于使文本变为斜体。 <em> 这是 一个 逻辑 标签 ，用于以斜体 显示 内容 。 <mark> 此 标签 用于突出 显示 文本。 <u> 此 标签 用于在其间写的文本下划线。 <tt> 此 标签 用于在电传打字机中 显示 文本。 （HTML5 不支持 ） <strike> 此 标签 用于在文本的一部分上绘制 删除 线。 （HTML5 不支持 ） <sup> 它 显示 的 内容 略高于正常行。 <sub> 它 显示 的 内容 略低于正常线。 <del> 此 标签 用于 显示 已 删除 的 内容 。 <ins> 此 标签 显示 添加 的 内容 <big> 此 标签 用于将字体大小 增加 一个 常规单位。 <small> 此 标签 用于将字体大小从基本字体大小减小 一个 单位。
1）粗体
HTML <b>和<strong>格式设置元素
HTML <b>元素是 一个 物理 标签 ，以粗体 显示 文本，没有任何逻辑上的重要性。如果您在<b> ............ </b>元素内写任何东西，则会以粗体 显示 。
请参见以下示例：
<p>?<b>用 粗体字 写您的第一段。</b></p>
输出 ：
用 粗体字 写第 一个 段落。
HTML <strong> 标签 是 一个 逻辑 标签 ，如果您在<strong>......</strong>之间写任何东西，它以粗体 显示 内容 ，并告知浏览器其逻辑重要性。
请参见以下示例：
<p><strong>这是重要 内容 </strong>,这是正常 内容 </p>
输出 ：
这是重要的 内容 ?，这是正常的 内容
示例
<!DOCTYPE?html>
<html>
<head>
<title>格式元素</title>
</head>
<body>
<h1>格式化元素的说明</h1>
<p><strong>这是重要 内容 </strong>,这是正常 内容 </p>
</body>
</html>
2）斜体文本
HTML <i>和<em>格式设置元素
HTML <i>元素是物理元素，它以斜体 显示 附带的 内容 ，没有任何附加的重要性。如果您在<i> ........ </i>元素内编写任何 内容 ，则会以斜体字母 显示 。
请参见以下示例：
<p><i>用斜体字写第一段。</i></p>
输出 ：
用斜体字写第 一个 段落。
HTML <em> 标签 是 一个 逻辑元素，它将以斜体 显示 附带的 内容 ，并 增加 了语义的重要性。
请参见以下示例：
<p><em>这是重要 内容 </em>，以斜体 显示 。</p>
输出 ：
这是重要的 内容 ，以斜体 显示 。
示例
<!DOCTYPE?html>
<html>
<head>
<title>格式元素</title>
</head>
<body>
<h1>斜体格式元素的说明</h1>
<p><em>这是重要 内容 </em>,以斜体 显示 。</p>
</body>
</html>
3）HTML 标签 格式
如果要 标签 或突出 显示 文本，则应将 内容 写在<mark> ......</mark>之内。
请参见以下示例：
<h2>?我要在您的脸上贴上<mark> 标签 </mark>?</h2>
输出 ：
我要在您的脸上贴上 ? 标签
4）带下划线的文本
如果您在<u>.........</u>元素内编写任何 内容 ，则会以带下划线的文本 显示
请参见以下示例：
<p>?<u>在带下划线的文本中写上您的第一段。</u></p>
输出 ：
在带下划线的文本中写上您的第一段。
5）带 删除 线 文字
<strike>............</strike>内写的任何 内容 。 元素显示 为 删除 线。这是一条穿过语句的细线。
请参见以下示例：
<p>?<strike>用带下划线的 文字 写您的第一段。</strike>.</p>
输出 ：
用带下划线的 文字 写您的第一段。
6）等宽字体
如果您希望每个字母/汉字都具有相同的宽度，则应将 内容 写在<tt>.....</tt>之中元素。
注意：我们知道大多数字体都称为可变宽度字体，因为不同的字母具有不同的宽度。 （例如：" w"比" i"宽）。等宽字体在每个字母之间提供相似的空格。
请参见以下示例：
<p>你好?<tt>用等宽字体写您的第一段。</tt></p>
输出 ：
你好用等宽字体写第 一个 段落。
7）上标文本
如果将 内容 放在<sup>..............</sup>元素内，表示它 显示 为比其他字符高半个字符。
请参见以下示例：
<p>你好<sup>用上标写出第一段。</sup></p>
输出 ：
你好用上标写出第一段。
8）下标文本
如果将 内容 放在<sub>.............. </sub>元素内，表示它 显示 为比其他字符低半个字符。
请参见以下示例：
<p>你好<sub>用下标写你的第一段。</sub></p>
输出 ：
你好用下标写你的第一段。
9） 删除 的文本
<del>.......... </del>中的所有 内容 均 显示 为 删除 的文本。
请参见以下示例：
<p>您好，?<del>请 删除 段落。</del></p>
输出 ：
您好，请 删除 段落。
10）插入的文本
放在<ins> .......... </ins>中的所有 内容 都 显示 为插入的文本。
请参见以下示例：
<p>?<del> 删除 第一段。</del><ins>写另一段。</ins></p>
输出 ：
删除 第一段。?写另一段。
11）较大的文本
如果您要使字体大小大于其余文本，则将 内容 放在<big> ........ </big>。它 增加 一种字体大小，比上一种字体大。
请参见以下示例：
<p>你好<big>用较大的字体编写段落。</big></p>
输出 ：
你好用较大的字体编写段落。
12）较小的文本
如果您要使字体大小小于其余文本，则将 内容 放在<small>....... </small> 标签 。它比上 一个 缩小了一种字体大小。
请参见以下示例：
<p>你好<small>用较小的字体编写段落。</small></p>
输出 ：
你好用较小的字体编写段落。