1.无序列表

无序列表表示一组没有顺序之分的列表，就像我们平时见到的新闻列表。无序列表的每一项前默认显示黑色原点标识。

标签组成如下表：

ul 标签中只允许包含 li 标签，而 li 标签可以包含任意想显示的内容。

<body>
    <h3>四大名著</h3>
    <ul>
        <li>水浒传</li>
        <li>西游记</li>
        <li>红楼梦</li>
        <li>三国演义</li>
    </ul>
</body>

2. 有序列表

有序列表表示一组有顺序之分的列表，排行耪、歌单等。有序列表的每一项前默认显示序号标识。

标签组成：

同无序标签一样，有序标签的 ol 标签中只允许包含 li 标签，而 li 标签中则可以包含任意内容。

<body>
    <h4>爱好</h4>
    <ol>
        <li>跳舞</li>
        <li>唱歌</li>
        <li>书法</li>
        <li>绘画</li>
        <li>阅读</li>
    </ol>
</body>

当无序列表和有序列表无法满足我们的需求时，可以采用自定义列表实现，比如我们经常可以看见的很多网页的底部导航栏，就是用自定义列表实现的。

标签组成：

自定义标签 dd 的内容前会默认显示缩进效果，自定义标签的 dl 标签中只允许包含 dd/dt 标签， dd/dt 标签中可以包含任意内容。

<body>
    <dl>
        <dt>百度帮助中心</dt>
        <dd>加入百度推广</dd>
        <dd>搜索风云榜</dd>
        <dd>关于百度</dd>
        <dd>联系我们</dd>
    </dl>
</body>