HTML 文本格式化

HTML 文本格式化

HTML（超文本标记语言）是构建网页的标准语言，它不仅可以定义网页的结构，还可以通过一系列标签对文本进行格式化，使其更加美观和易于阅读。本文将详细介绍 HTML 中用于文本格式化的各种标签及其用法。

1. 标题标签

HTML 提供了六级标题标签，分别为 <h1> 到 <h6>。<h1> 是最高级别的标题，而 <h6> 是最低级别的标题。

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

2. 段落标签

段落标签 <p> 用于定义文本的段落。浏览器会自动在段落前后添加空行。

<p>这是一个段落。</p>

3. 文本格式化标签

HTML 提供了一些标签来对文本进行强调和格式化。

• <strong> 或 <b>：定义粗体文本。
• <em> 或 <i>：定义斜体文本。
• <mark>：定义带有标记的文本。
• <small>：定义小号文本。
• <del>：定义被删除的文本。
• <ins>：定义被插入的文本。
• <sub>：定义下标文本。
• <sup>：定义上标文本。

<strong>粗体文本</strong>
<em>斜体文本</em>
<mark>带标记的文本</mark>
<small>小号文本</small>
<del>被删除的文本</del>
<ins>被插入的文本</ins>
H<sub>2</sub>O
E=mc<sup>2</sup>

4. 引用标签

HTML 提供了几个标签来定义文本引用。

• <blockquote>：定义块引用。
• <q>：定义行内引用。
• <cite>：定义作品的标题。
• <abbr>：定义缩写或首字母缩略词。
• <dfn>：定义项目或缩写的定义。

<blockquote>这是一个块引用。</blockquote>
<q>这是一个行内引用。</q>
<cite>《HTML 教程》</cite>
<abbr title="超文本标记语言">HTML</abbr>
<dfn>HTML</dfn> 是超文本标记语言的缩写。

5. 列表标签

HTML 支持有序列表、无序列表和定义列表。

• <ul>：定义无序列表。
• <ol>：定义有序列表。
• <li>：定义列表项。
• <dl>：定义定义列表。
• <dt>：定义定义列表中的项目。
• <dd>：定义定义列表中的描述。

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橙子</li>
</ul>

<ol>
  <li>第一步</li>
  <li>第二步</li>
  <li>第三步</li>
</ol>

<dl>
  <dt>HTML</dt>
  <dd>超文本标记语言</dd>
  <dt>CSS</dt>
  <dd>层叠样式表</dd>
</dl>

6. 链接和图像

HTML 使用 <a> 标签来创建链接，使用 <img> 标签来插入图像。

<a href="https://www.example.com">这是一个链接</a>
<img src="image.jpg" alt="描述">

7. 表格

HTML 使用 <table> 标签来定义表格，<tr> 标签来定义表格行，<td> 标签来定义单元格。

<table>
  <tr>
    <td>单元格 1</td>
    <td>单元格 2</td>
  </tr>
  <tr>
    <td>单元格 3</td>
    <td>单元格 4</td>
  </tr>
</table>

8. 表单

HTML 使用 <form> 标签来创建表单，<input> 标签来定义输入字段。

<form>
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name">
  <input type="submit" value="提交">
</form>

9. 常用实体字符

HTML 中有一些常用的实体字符，用于在网页中显示特殊字符。

&lt;  <!-- 小于