4-1 使用<ul><li>標簽實現無序列表
在瀏覽網頁時，你會發現網頁上有很多信息的列表，如新聞列表、圖片列表，如下圖所示。
新聞列表
圖片列表
這些列表就可以使用ul-li標簽來完成。ul-li是沒有前後順序的信息列表。
語法：
<ul> <li>信息</li> <li>信息</li> ...... </ul>
舉例：
<ul> <li>精彩少年</li> <li>美麗突然出現</li> <li>觸動心靈的鏇律</li> </ul>
ul-li在網頁中顯示的默認樣式一般爲：每項li前都自帶一個圓點，如下圖所示：
4-2 使用<ol><li>標簽實現有序列表
如果想在網頁中展示有前後順序的信息列表，怎麽辦呢？
如，當當網上的書籍熱賣排行榜，如下圖所示。
這類信息展示就可以使用<ol>標簽來制作有序列表來展示。
語法：
<ol> <li>信息</li> <li>信息</li> ...... </ol>
舉例：下面是一個熱點課程下載排行榜：
<ol> <li>前耑開發面試心法 </li> <li>零基礎學習html</li> <li>JavaScript全攻略</li> </ol>
<ol>在網頁中顯示的默認樣式一般爲：每項<li>前都自帶一個序號，序號默認從1開始，如下圖所示：
