表格一般用于數(shù)據(jù)展示，但是網(wǎng)頁中還是有很多跟表格類似的布局，如下圖~~ 我們用什么做呢？

lili.png

答案是列表， 那什么是列表？ 表格是用來顯示數(shù)據(jù)的，那么列表就是用來布局的。

• 概念：
  容器里面裝載著結構，樣式一致的文字或圖表的一種形式，叫列表

• 特點：
  列表最大的特點就是 整齊 、整潔、 有序，跟表格類似，但是他可組合自由度會更高。

1、 無序列表 ul

無序列表的各個列表項之間沒有順序級別之分，是并列的。其基本語法格式如下：

<ul>
    <li>列表項1</li>
    <li>列表項2</li>
    <li>列表項3</li>
    ......
</ul>

比如下面這些，新聞是沒有順序的，不用排隊，先到先得，后發(fā)布先顯示。

ul.png

注意：

1. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>標簽中輸入其他標簽或者文字的做法是不被允許的。
2. <li>與</li>之間相當于一個容器，可以容納所有元素。
3. 無序列表會帶有自己樣式屬性

2、有序列表 ol

有序列表

有序列表即為有排列順序的列表，其各個列表項按照一定的順序排列定義，有序列表的基本語法格式如下：

<ol>
    <li>列表項1</li>
    <li>列表項2</li>
    <li>列表項3</li>
    ......
</ol>

所有特性基本與ul 一致。 但是實際中比 無序列表 用的少很多。

3、自定義列表 dl

定義列表常用于對術語或名詞進行解釋和描述，定義列表的列表項前沒有任何項目符號。其基本語法如下：

<dl>
    <dt>名詞1</dt>
    <dd>名詞1解釋1</dd>
    <dd>名詞1解釋2</dd>
    ...
    <dt>名詞2</dt>
    <dd>名詞2解釋1</dd>
    <dd>名詞2解釋2</dd>
    ...
</dl>

自定義列表

4、 列表總結