列表

表格是用來顯示數(shù)據(jù)的，那么列表就是用來布局的。
列表最大的特點(diǎn)就是整齊、整潔、有序，它作為布局會(huì)更加自由和方便。
根據(jù)使用情景不同，列表可以分為三大類：無序列表、有序列表和自定義列表。

無序列表

<ul> 標(biāo)簽表示 HTML 頁面中項(xiàng)目的無序列表，一般會(huì)以項(xiàng)目符號(hào)呈現(xiàn)列表項(xiàng)，而列表項(xiàng)使用 <li>標(biāo)簽定義。無序列表的基本語法格式如下：

   <ul> 
          <li>列表項(xiàng)1</li>   <li>列表項(xiàng)2</li>   <li>列表項(xiàng)3</li>   ... 
  </ul>

1. 無序列表的各個(gè)列表項(xiàng)之間沒有順序級(jí)別之分，是并列的。
2. <ul></ul>中只能嵌套 <li></li>，直接在 <ul></ul> 標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。
3. <li> 與</li>之間相當(dāng)于一個(gè)容器，可以容納所有元素。
4. 無序列表會(huì)帶有自己的樣式屬性，但在實(shí)際使用時(shí)，我們會(huì)使用 CSS 來設(shè)置。

有序列表

有序列表即為有排列順序的列表，其各個(gè)列表項(xiàng)會(huì)按照一定的順序排列定義。在 HTML 標(biāo)簽中，<ol> 標(biāo)簽用于定義有序列表，列表排序以數(shù)字來顯示，并且使用<li> 標(biāo)簽來定義列表項(xiàng)。有序列表的基本語法格式如下：

  <ol>   
      <li>列表項(xiàng)1</li>   
      <li>列表項(xiàng)2</li>   
      <li>列表項(xiàng)3</li>   ... 
  </ol>

1. <ol></ol>中只能嵌套<li></li>，直接在<ol></ol>標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。
2. <li> 與 </li>之間相當(dāng)于一個(gè)容器，可以容納所有元素。
3. 有序列表會(huì)帶有自己樣式屬性，但在實(shí)際使用時(shí)，我們會(huì)使用 CSS 來設(shè)置。

自定義列表

自定義列表的使用場(chǎng)景:自定義列表常用于對(duì)術(shù)語或名詞進(jìn)行解釋和描述，定義列表的列表項(xiàng)前沒有任何項(xiàng)目符號(hào)。在 HTML 標(biāo)簽中，<dl> 標(biāo)簽用于定義描述列表（或定義列表），該標(biāo)簽會(huì)與<dt>（定義項(xiàng)目/名字）和<dd>（描述每一個(gè)項(xiàng)目/名字）一起使用。語法如下：

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

列表總結(jié)

列表總結(jié).png