HTML 支持有序列表、无序列表、自定义列表，分别通过<ol>、<ul>、<dl>标签定义。
有序列表的列表项默认使用数字进行标记。
无序列表的列表项默认使用粗体圆点（小黑圆圈）进行标记。
自定义列表不仅仅是一列项目，而是项目及其注释的组合。
| 有序列表 | 无序列表 | 自定义列表 |
|---|---|---|
|
|
|
有序列表始于 <ol> 标签，每个列表项始于 <li> 标签。
有序列表适合各列表项之间存在顺序关系的情况，列表项默认使用数字进行标记。
<ol>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>在浏览器中显示如下：
start 属性定义列表项的开始序号。
有序列表的列表项，默认使用数字进行标记，并且从数字 1 开始，可用 start 属性改变开始的数字。
<ol start="3">
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>在浏览器中显示如下：
有序列表的列表项，默认使用数字进行标记，但可以通过 type 属性改变。
type 属性定义标记的类型，可将默认的数字标记变成想要的标记类型。
<h4>数字标记（默认）：</h4>
<ol type="1">
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>
<h4>小写字母标记：</h4>
<ol type="a">
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>
<h4>大写字母标记：</h4>
<ol type="A">
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>
<h4>小写罗马字母标记：</h4>
<ol type="i">
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>
<h4>大写罗马字母标记：</h4>
<ol type="I">
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>无序列表始于 <ul> 标签，每个列表项始于 <li> 标签。
无序列表的列表项之间不存在顺序关系，各个列表项默认使用粗体圆点（小黑圆圈）进行标记。
<ul>
<li>轮船</li>
<li>飞机</li>
<li>火车</li>
</ul>在浏览器中显示如下：
如果不想使用默认的粗体圆点标记无序列表，则可以使用 CSS 对标记样式进行设置。
<h4>圆点标记（默认）：</h4>
<ul style="list-style-type: disc;">
<li>轮船</li>
<li>飞机</li>
<li>火车</li>
</ul>
<h4>圆圈标记：</h4>
<ul style="list-style-type: circle;">
<li>轮船</li>
<li>飞机</li>
<li>火车</li>
</ul>
<h4>正方形标记：</h4>
<ul style="list-style-type: square;">
<li>轮船</li>
<li>飞机</li>
<li>火车</li>
</ul>自定义列表始于 <dl> 标签，每个列表项以 <dt> 标签开始，列表项的描述以 <dd> 标签开始。
自定义列表不仅仅是一列项目，而是项目及其描述的组合。
<dl>
<dt>水果</dt>
<dd>苹果</dd>
<dd>香蕉</dd>
<dd>西瓜</dd>
<dt>肉类</dt>
<dd>猪肉</dd>
<dd>羊肉</dd>
<dd>牛肉</dd>
</dl>在浏览器中显示如下：
HTML 列表之间可以相互嵌套，以达到各种各样的展示效果。
<ul>
<li>及格
<ol>
<li>张三</li>
<li>李四</li>
<li>王五</li>
</ol>
</li>
<li>不及格
<ol>
<li>麻子</li>
<li>瘸子</li>
<li>瞎子</li>
</ol>
</li>
</ul>在浏览器中显示如下：
| 标签 | 描述 |
|---|---|
| <ol> | 定义有序列表 |
| <ul> | 定义无序列表 |
| <li> | 定义列表项 |
| <dl> | 定义自定义列表 |
| <dt> | 定义自定义列表项 |
| <dd> | 定义自定义列表项的描述 |