1. 什么是 HTML 列表
HTML 列表是一种可以在网站页面上展示有序或无序列表的方式，常用在网页内容的构建中。一个有序列表创建了一个按顺序出现的项目清单，例如一个电视剧分集列表或是一个步骤清单；一个无序列表则是一个比较随意的列表，例如一张计划旅游的清单。
1.1 有序列表
有序列表是按照数字顺序排列，每一个项目前都有一个数字。通常情况下，这种列表用来描述一些具有层次关系的数据，如步骤之类。在 HTML 中创建一个有序列表，你需要使用<ol>标签，同时在其中添加 <li> 标签来创建不同的项目。
<ol>
<li>湖南长沙</li>
<li>广东广州</li>
<li>浙江杭州</li>
</ol>
以上的代码将会创建一个如下的有序列表：
湖南长沙
广东广州
浙江杭州
1.2 无序列表
与有序列表不同，无序列表是一个比较随意的列表，常用于显示不同主题下的项目，例如计划旅游的清单或者一个主题分类的清单。在 HTML 中，你可以使用 <ul> 标签来创建一个无序列表，以及使用 <li> 来为其创建每一个项目。
<ul>
<li>旅游</li>
<li>电影</li>
<li>喝咖啡</li>
</ul>
以上的代码将会创建一个如下的无序列表：
旅游
电影
喝咖啡
2. 列表的属性
列表拥有一些特殊的属性，可以帮助你创建更有层次、更美观的列表。
2.1 type
在有序列表中，你可以使用 type 属性来设置数字类型，缺省情况下是阿拉伯数字，同时你也可以设置为 lower-alpha （小写字母）、 upper-alpha （大写字母）、lower-roman （罗马数字小写）、upper-roman（罗马数字大写）。
<ol type="upper-alpha">
<li>湖南长沙</li>
<li>广东广州</li>
<li>浙江杭州</li>
</ol>
以上的代码将会创建一个如下的有序列表：
湖南长沙
广东广州
浙江杭州
2.2 start
在有序列表中，你可以使用 start 属性来设置数字起始值，例如你可以从数字 10 开始，而不是从 1 开始。
<ol start="10">
<li>湖南长沙</li>
<li>广东广州</li>
<li>浙江杭州</li>
</ol>
以上的代码将会创建一个如下的有序列表：
湖南长沙
广东广州
浙江杭州
2.3 reversed
在有序列表中，你可以使用 reversed 属性来反向排序（即从大到小排序）。
<ol reversed>
<li>湖南长沙</li>
<li>广东广州</li>
<li>浙江杭州</li>
</ol>
以上代码将会创建一个如下的有序列表：
浙江杭州
广东广州
湖南长沙
2.4 compact
针对无序列表，可以使用 compact 属性来创建一个紧凑型的列表，也就是每一个项目之间没有间隙。
<ul compact>
<li>旅游</li>
<li>电影</li>
<li>喝咖啡</li>
</ul>
以上的代码将会创建一个如下的无序列表：
旅游
电影
喝咖啡
3. 结论
列表是一个很常见的网页元素，通过学习 HTML 中的列表，你可以让你的网页内容更加清晰，更加有组织性，进而让访问者更好地获取到你所提供的信息。