[TOC] >[info]在頁面設計中，一系列類似的結構或者數據，可以通過列表的形式來處理。 ## 無序列表 無序列表是一個項目的列表，此列項目使用粗體圓點（典型的小黑圓圈）進行標記。 無序列表始于`<ul>` 標簽。每個列表項始于`<li>` 。 ~~~ <ul> <li>學并思手冊</li> <li>學并思官網</li> </ul> ~~~ **效果如下** <ul> <li>學并思手冊</li> <li>學并思官網</li> </ul> ## 有序列表 同樣，有序列表也是一列項目，列表項目使用數字進行標記。 有序列表始于 `<ol>` 標簽。每個列表項始于 `<li>` 標簽。 ~~~ <ol> <li>學并思手冊</li> <li>學并思官網</li> </ol> ~~~ **效果如下** <ol> <li>學并思手冊</li> <li>學并思官網</li> </ol> ## 定義列表 自定義列表不僅僅是一列項目，而是項目及其注釋的組合。 自定義列表以 `<dl>` 標簽開始。每個自定義列表項以 `<dt>` 開始。每個自定義列表項的定義以 `<dd>` 開始。 ~~~ <dl> <dt>學并思</dt> <dd>一個專業的PHP學習平臺</dd> <dt>大牛學院</dt> <dd>一個在線教育平臺</dd> </dl> ~~~ **效果如下** <dl> <dt>學并思</dt> <dd>一個專業的PHP學習平臺</dd> <dt>大牛學院</dt> <dd>一個在線教育平臺</dd> </dl> >[warning]以上效果都是沒有做修飾，為默認效果。實際開發中會以css進行修飾。 * * * * * >[danger]**作業：**把三種列表都練習幾遍，理清結構和寫法。