HTML包含两个不同的列表元素，可用于创建项目符号列表和编号列表。

两个HTML列表元素是<ul>(无序列表)和<ol>(有序列表)。以下各节将对这两个列表元素进行更详细的说明。

ul-无序列表

无序列表是项目符号列表。此类列表是使用<ul>元素创建的。这是一个例子：

<ul>
    <li>List Item 1</li>
    <li>List Item 2</li>
    <li>List Item etc.</li>
</ul>

嵌套在<ul>元素内的<li>元素用于将列表中的每个列表项括起来。

列表在浏览器中的外观如下：

• 列表项目1
• 列表项目2
• 列表项目等

项目符号类型

我们可以使用type属性为无序列表选择不同的项目符号类型。我们可以使用以下类型：

<ul type="square" ></ul>
<ul type="circle" ></ul>
<ul type="disc"   ></ul>

这些项目符号在浏览器中的外观如下：

• 正方形
• 圆圈
• 碟片

ol-有序列表

有序列表用于创建编号列表。代替项目符号，为每个列表项分配一个序列号。这是一个例子：

<ol>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
</ol>

如我们所见，<li>元素也用于将每个列表项包含在有序列表中。

以下是排序列表在浏览器中的外观：

• 项目列表
• 项目列表
• 项目列表

号码类型

我们可以使用type属性设置在有序列表中使用的数字类型。以下是我们可以使用的数字类型：

<ol type="a"></ol>
<ol type="i"></ol>                      
<ol type="1"></ol>

这些数字类型在浏览器中的外观如下：

• 字母数字(a，b，c等)。
• 罗马文字(i，ii，iii等)。
• 数字(1、2、3等)。

我们还可以使用start属性设置要在列表中使用的第一个数字。这里有一些例子：

<ol type="a" start="3"><li>Alphabetic numbers.</li></ol>
<ol type="i" start="3"><li>Roman literals.</li></ol>
<ol type="1" start="3"><li>Numbers.</li></ol>

在此示例中，每个有序列表都设置为从其数字序列中的第三个数字开始，因为" start"的值设置为3.

列表在浏览器中的外观如下：

• 字母数字。
• 罗马文字。
• 数字。