HTML 列表

什么是 HTML 列表?把内容制成表,以表显示容器里面装载着文字或图表的一种形式,叫做列表。列表最大的特点就是整齐、整洁、有序。

HTML 的列表分为有序、无序和定义列表。


无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表始于 <ul> 标签。每个列表项始于 <li>。

  1. <html>
  2. <body>
  3. <!--一个无序列表:-->
  4. <ul>
  5. <li>咖啡</li>
  6. <li></li>
  7. <li>牛奶</li>
  8. </ul>
  9. </body>
  10. </html>

浏览器显示如下:

  • 咖啡
  • 牛奶

  • 有序列表

    同样,有序列表也是一列项目,列表项目使用数字进行标记。

    有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

    1. <html>
    2. <body>
    3. <!--一个有序列表:-->
    4. <ol>
    5. <li>咖啡</li>
    6. <li></li>
    7. <li>牛奶</li>
    8. </ol>
    9. </body>
    10. </html>

    定义列表

    自定义列表不仅仅是一列项目,而是项目及其注释的组合。

    自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

    1. <html>
    2. <body>
    3. <!--一个有序列表:-->
    4. <dl>
    5. <dt>咖啡</dt>
    6. <dd>热饮</dd>
    7. <dt>牛奶</dt>
    8. <dd>冷饮</dd>
    9. </dl>
    10. </body>
    11. </html>

    定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。


    列表标签

    标签 描述
    <ol> 定义有序列表。
    <ul> 定义无序列表。
    <li> 定义列表项。
    <dl> 定义定义列表。
    <dt> 定义定义项目。
    <dd> 定义定义的描述。