HTML 文本格式化

什么是 HTML 文本格式化

HTML 提供了多种格式化标签，用于调整文本样式和强调文本含义，如加粗、斜体、下标、上标等。

示例代码

加粗文本

<b>这是加粗的文本。</b>

斜体文本

<i>这是斜体的文本。</i>

电脑自动输出

<code>print('Hello, World!')</code>

下标和上标

<p>这是<sub>下标</sub>和<sup>上标</sup>的例子。</p>

HTML 格式化标签

HTML 使用 <b> 和 <i> 标签进行文本格式化：

  • <b> 定义粗体文本。

  • <i> 定义斜体文本。

替代标签

  • <strong> 替代 <b>，表示重要内容。

  • <em> 替代 <i>，表示强调内容。

注意: 尽管 <b> 和 <i> 直接控制样式，但 <strong> 和 <em> 具有语义化优势，有助于搜索引擎优化 (SEO) 和未来的浏览器渲染。

示例代码

<strong>这是加重语气的文本。</strong>

<em>这是强调的文本。</em>

其他格式化标签

标签描述
<small>定义小号字
<sub>定义下标字
<sup>定义上标字
<ins>定义插入字
<del>定义删除字

示例代码

<small>这是小号文本。</small>

<ins>这是插入的文本。</ins>

<del>这是删除的文本。</del>

HTML "计算机输出" 标签

HTML 提供以下标签表示代码相关的文本：

标签描述
<code>定义计算机代码
<kbd>定义键盘码
<samp>定义计算机代码样本
<var>定义变量
<pre>定义预格式文本，保留空格和换行

示例代码

<pre>
      def example():
    print("Hello, World!")
</pre>

HTML 引文与引用标签

HTML 提供多种标签处理引文和引用：

标签描述
<abbr>定义缩写
<address>定义地址信息
<bdo>定义文字方向
<blockquote>定义长的引用语
<q>定义短的引用语
<cite>定义引用来源
<dfn>定义术语

示例代码

<blockquote>这是一个长引用。</blockquote>

<q>这是一个短引用。</q>

<cite>《HTML 教程》</cite>

示例列表

  1. 文本格式化: 演示如何对文本进行加粗、斜体等格式化。

  2. 预格式文本: 使用 <pre> 标签控制空格和换行。

  3. 计算机输出: 展示如何用 <code> 等标签显示代码。

  4. 地址: 演示如何用 <address> 定义联系信息。

  5. 缩写与首字母缩写: 使用 <abbr> 标签创建缩写。

  6. 文字方向: 用 <bdo> 改变文字方向。

  7. 引用效果: 使用 <blockquote> 和 <q> 标签。

  8. 删除与插入: 演示如何标记删除或插入的文本。

通过这些格式化标签，您可以更好地组织和美化 HTML 文档内容。