一、列表標(biāo)簽簡(jiǎn)介

表格標(biāo)簽是用來(lái)顯示數(shù)據(jù)的，列表標(biāo)簽則是用來(lái)布局的。

列表最大的特點(diǎn)就是整齊、整潔、有序，它作為布局會(huì)更加自由和方便。

列表標(biāo)簽分為有序列表、無(wú)序列表和自定義列表。

二、無(wú)序列表

ul標(biāo)簽表示 HTML 頁(yè)面中項(xiàng)目的無(wú)序列表，一般會(huì)以項(xiàng)目符號(hào)呈現(xiàn)列表項(xiàng)，而列表項(xiàng)使用 <li> 標(biāo)簽定義。

   <ul>
        <!-- 不允許在ul中輸入其它標(biāo)簽和文字
        <a href="#">無(wú)序列表</a> -->
        <li>第一列</li>
        <li>第二列</li>
        <li>第三列</li>
        <li>第四列</li>
        <li>
            <a href="#">li標(biāo)簽里可以放任何東西</a>
        </li>
    </ul>

特點(diǎn)：

1. 無(wú)序列表的各個(gè)列表項(xiàng)之間沒(méi)有順序級(jí)別之分，是并列的。
2. ul標(biāo)簽中只能嵌套li標(biāo)簽，不能直接在ul中輸入其它標(biāo)簽或文字。
3. li標(biāo)簽之間相當(dāng)于一個(gè)容器，可以容納所有元素。
4. 無(wú)序列表會(huì)帶有自己的樣式屬性，但在實(shí)際使用時(shí)，通常會(huì)通過(guò)css去掉默認(rèn)的樣式。

三、有序列表

有序列表即為有排列順序的列表，其各個(gè)列表項(xiàng)會(huì)按照一定的順序排列定義。

在 HTML 標(biāo)簽中，<ol> 標(biāo)簽用于定義有序列表，列表排序以數(shù)字來(lái)顯示，并且使用 <li> 標(biāo)簽來(lái)定義列表項(xiàng)。

    <ol>
        <li>第一列</li>
        <li>第二列</li>
        <li>第三列</li>
        <li>第四列</li>
        <li>第五列</li>
    </ol>

特點(diǎn)：

1. 有序列表的各個(gè)列表項(xiàng)從上至下按順序排列，默認(rèn)是從1開(kāi)始的阿拉伯?dāng)?shù)字
   2.其余特點(diǎn)與無(wú)序列表一模一樣。

四、自定義列表

在 HTML 標(biāo)簽中，<dl> 標(biāo)簽用于定義描述列表（或定義列表），該標(biāo)簽會(huì)與 <dt>（定義項(xiàng)目/名字）和 <dd>（描述每一個(gè)項(xiàng)目/名字）一起使用。

    <dl>
        <dt>我是大哥，我最帥</dt>
        <dd>大哥說(shuō)的對(duì)</dd>
        <dd>大哥說(shuō)的都對(duì)</dd>
        <dd>大哥說(shuō)的非常對(duì)</dd>
    </dl>

注意：

1. dl標(biāo)簽里面只能包含 <dt> 和 <dd>。
2. <dt> 和 <dd>個(gè)數(shù)沒(méi)有限制，經(jīng)常是一個(gè)<dt> 對(duì)應(yīng)多個(gè)<dd>。
3. <dl>與<dd>,<dd>是嵌套關(guān)系，但是<dt>與<dd>是并列關(guān)系，<dd>可以理解為是對(duì)<dt>進(jìn)行的說(shuō)明。

列表標(biāo)簽.png