HTML列表

HTML列表可以分为3类：

1. 无序列表
2. 有序列表
3. 自定义列表

• 无序列表

无序列表是一个项目列表，此列表的每个项目使用原点进行标记。

无序列表定义：

<ul>
      <li>Coffee</li>
      <li>Tea</li>
</ul>

上面示例显示为：

• Coffee
• Tea

可以看出每个无序列表使用 <ul>定义，每个列表项使用<li>定义。在列表项的内部可以有段落、图片。链接以及其它列表。

• 有序列表

有序列表也是一个项目列表，此项目使用有序的数字或者字母进行标记。

例如：

<ol>
   <li>Coffee</li>
   <li>Tea</li>
</ol>

1. Coffee
2. Tea

有序列表使用<ol>进行定义，每个列表项使用<li>定义。

• 自定义列表

自定义不仅仅是项目列表，而是项目及其注释的组合。使用标签<dl>定义自定义列表，<dt>定义自定义列表项，<dd>定义对自定义列表项的解释。

例如：

<dl>
    <dt>Coffee</dt>
        <dd>Black hot drink</dd>
    <dt>Milk</dt>
        <dd>White cold drink</dd>
</dl>

Coffee

Black hot drink

Milk

White cold drink

在每个自定义列表项内也可以是段落、图片、链接及其他列表。

• 几个列表的实例

1. 不同类型的无序列表

   <ul type = "Circle">
   <li>苹果</li>
   <li>香蕉</li>
   <li>橘子</i>
   </ul>

   • 苹果
   • 香蕉
   • 橘子    可以使用ul的type属性来指定列表的标记，可以为"circle","disc","square"等。
2. 不同类型的有序列表。

   <ol type = "a">
   <li>苹果</li>
   <li>香蕉</li>
   <li>橘子</li>
   </ol>

   1. 苹果
   2. 香蕉
   3. 橘子    可以使用ol的type属性来指定列表的标记，可以为"1","a","A“等。
3. 嵌套列表
本文的排序就使用嵌套列表。