我們上篇講到了無序列表，那么今天就來看看有序列表和他們的組合嵌套使用吧。
有序列表
現在我們要做那堆雜事了，但是發現這么多雜事，先做哪個好呢？于是我們給這堆雜事弄個優先級排序，讓我們能夠按照順序做下去。HTML里用<ol>標簽來表示有序列表，<ol>標簽的列表項依然是用<li>標簽表示。
它的代碼模板是這樣的：
<span ><ol> <li></li> <li></li> ... </ol></span>
看看他的具體代碼實現是怎樣的吧：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用有序列表</title> </head> <body> <h2>為有序列表添加列表項</h2> <ol> <li>開會</li> <li>寫報告</li> <li>睡覺</li> </ol> </body> </html>
瀏覽器結果是：
列表嵌套
我們知道標簽是可以嵌套的，所以列表也是可以嵌套的。當我們列表中的某些列表項是列表時，我們就可以用嵌套。
現在就通過一個例子來看看無序列表和有序列表是如何嵌套使用的吧：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用有序列表和無序列表</title> </head> <body> <h2>省份城市</h2> <ul> <li>安徽省</li> <li>北京市</li> <li>重慶市</li> <li>福建省</li> <li>甘肅省 <ul> <li>蘭州市</li> <li>嘉峪關市</li> <li>金昌市</li> </ul> </li> </ul> </body> </html>
結果是怎樣的呢？不妨前去http://www.mayacoder.com/lesson/lesson?lesson_id=31&knowledge_id=4 體驗看看吧。
結果如下：
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
