HTML 列表

本文介绍HTML中三种常见的列表：有序列表、无序列表和描述列表。有序列表使用

标签，每个列表项使用
1. 标签。无序列表使用
   标签，每个列表项也使用
   • 标签。描述列表使用

     标签，每个项分别使用

     标签和

     标签。熟练使用列表可以更好地展示内容结构和层次，提高文档可读性和用户体验。

     

     HTML 列表

     HTML列表是用于展示文本内容的一种常用标记语言，它可以被分为3种常见的类型：无序列表、有序列表和定义列表。

     无序列表

     无序列表（Unordered List）是指未按指定顺序排列项目的列表，它使用“<ul>”标签来定义新列表，每个列表项使用“<li>”标签定义。举个例子：

     <ul>
      <li>第一件事情</li>
      <li>第二件事情</li>
      <li>第三件事情</li>
     </ul>

     这个代码将生成一个简单的无序列表，其中包含三个项目，它们按照列出的顺序出现。浏览器通常使用圆点、四方框、实心圆或其他符号来标记每个列表项。

     有序列表

     有序列表（Ordered List）是指按照指定顺序排列项的列表，它使用“<ol>”标签来定义新列表，和无序列表一样，每个列表项使用“<li>”标签定义。这是一个简单的有序列表，其中包含三个项目，它们按照列出的顺序出现：

     <ol>
      <li>第一件事情</li>
      <li>第二件事情</li>
      <li>第三件事情</li>
     </ol>

     与无序列表不同的是，有序列表使用数字、字母或其他字符来标记项目的顺序。

     定义列表

     定义列表（Definition List）是一种用于展示术语和其定义的列表，它使用“<dl>”标签定义新列表，一个术语或名称由“<dt>”标签定义，其对应的定义由“<dd>”标签定义。以下是一个简单的定义列表的例子：

     <dl>
      <dt>HTML</dt>
      <dd>一种标记语言，用于创建网站和网页</dd>
      <dt>CSS</dt>
      <dd>一种样式表语言，用于设置网页的外观</dd>
     </dl>

     在定义列表中，每个术语有一个对应的定义，它们被嵌套在“<dl>”标签内部的“<dt>”和“<dd>”标签中，定义列表的外观通常是由浏览器自动控制的。

     总结

     本文介绍了HTML列表的三种类型：无序列表、有序列表和定义列表。虽然它们不是HTML中最复杂的标记语言，但是它们是任何网页设计都必须了解和使用的基本标记语言之一。通过合理使用HTML列表，我们可以更好地组织和呈现文本内容。