HTML前端：三种列表“无序列表 有序列表 自定义列表“ 定义

Posted 2023-01-21 生产队的驴.

列表在前端开发中特别常用 随处可见

例如CSDN的布局:

下面介绍 html 中的三种列表

---

无序列表(常用)：

<ul>
    <li>CSDN</li>
    <li>生产队的驴</li>
    <li>这是无序列表</li>
</ul>

效果图：

顾名思义就是没有顺序的一个列表

---

有序列表：

<ol>

    <li>CSDN</li>
    <li>生产队的驴</li>
    <li>这是有序列表</li>
    <li>每一行 都会有序号</li>

</ol>

效果图：

有序列表和无序的区别就是前面多了序号

---

自定义列表：

<dl>
<dt>13:27:18</dt>
<dd>重大消息！！</dd>
<dd>生产队的驴啊啊啊啊啊啊啊啊啊啊啊啊啊啊</dd>
<br/>
<dt>13:27:58</dt>
<dd>CSDN</dd>
<dd>生产队的驴</dd>

效果图：