- 您好！欢迎来到鲲鹏知舟
HTML 格式
HTML Formatting是一个格式化文本以获得更好的外观和感觉的过程。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> 元素中写入任何内容，则以粗体显示。
输出：
用粗体写出你的第一段。
HTML <strong> 标签是一个逻辑标签，它以粗体显示内容并告知浏览器其逻辑重要性。如果你在<strong>之间写什么？？？？？？？？？？</strong>，显示重要文字。
输出：
这是一个加粗的内容，这是正常内容
例子 (Example)
<!DOCTYPE html> <html> <head> <title>格式化元素</title> </head> <body> <h1>解释格式元素</h1> <p><strong>这是一个加粗的内容</strong>, 这是正常内容</p> </body> </html>
2) 斜体文字
HTML <i> 和 <em> 格式化元素
HTML <i> 元素是物理元素，它以斜体字体显示封闭的内容，没有任何额外的重要性。如果您在 <i>............</i> 元素中写入任何内容，则以斜体字母显示。
输出：
这是用斜体字写下的一段内容。
HTML <em> 标签是一个逻辑元素，它将以斜体显示包含的内容，并增加了语义重要性。
输出：
这是一个重要的内容，以斜体显示。
例子 (Example)
<!DOCTYPE html> <html> <head> <title>格式化元素</title> </head> <body> <h1>斜体格式元素的解释</h1> <p><em>这是一个重要的内容</em>, 这是斜体字体显示。</p> </body> </html>
3) HTML 标记格式
如果要标记或突出显示文本，应将内容写在 <mark>........</mark> 内。
输出：
我想放一个 标记 在你脸上
4) 带下划线的文字
如果您在 <u>.........</u> 元素中写入任何内容，则显示为带下划线的文本。
输出：
用带下划线的文字写下你的第一段。
5) 删除线文本
<strike>.................................</strike> 元素内的任何内容都带有删除线显示。这是一条穿过语句的细线。
输出：
用删除线写下你的第一段。
6) 等宽字体
如果您希望每个字母具有相同的宽度，那么您应该在 <tt>................</tt> 元素中写入内容。
注意：我们知道大多数字体被称为变宽字体，因为不同的字母具有不同的宽度。（例如：'w' 比 'i' 宽）。等宽字体在每个字母之间提供相似的空间。
输出：
你好，用等宽字体写你的第一段。
7) 上标文本
如果将内容放在 <sup>................</sup> 元素内，则显示为上标；意味着它显示在其他字符上方半个字符的高度。
输出：
你好，用上标写出你的第一段。
8) 下标文本
如果将内容放在 <sub>................</sub> 元素中，则显示在下标中；意味着它显示在其他字符下方半个字符的高度。
输出：
你好用下标写你的第一段。
9) 删除的文本
<del>.........</del> 中的任何内容都显示为已删除的文本。
输出：
你好删除你的第一段。
10) 插入的文本
<ins>.........</ins> 中的任何内容都显示为插入的文本。
输出：
删除你的第一段。再写一段。
11) 大文本
如果你想让你的字体大于文本的其余部分，那么把内容放在 <big>........</big> 之内。它增加一个字体大小比前一个大。
输出：
你好用更大的字体写这个段落。
12) 较小的文本
如果你想让你的字体小于文本的其余部分，那么把内容放在 <small>........</small> 标签内。它比前一种减小一种字体大小。
输出：
你好用较小的字体写这个段落。
-
使用社交账号登录,本站支持