今天要來介紹的是具有清單功能的標籤:<ul></ul>
和<ol></ol>
。
清單一共分為兩種,一個是有序列的,一個是沒有序列的。
取unordered list的第一個字母作為標籤,在<ul>
和</ul>
之間擺放的元素,就是前面放置同一符號的清單列點,通常是用在沒有先後順序問題的清單上,例如Day3我們講到body內可以使用很多種的標籤,就是採取無順序的列舉方式。來看看程式碼吧!
<ul>
<li>國文</li>
<li>英文</li>
<li>數學</li>
</ul>
執行出來的結果就會是這樣:
想要放多少個列點,只要在<ul></ul>
裡面用<li></li>
包住即可。
取ordered list的第一個字母作為標籤,在<ol>
和</ol>
之間擺放的元素,會以數字表示先後順序,像書店的暢銷排行榜就可以使用這類清單,可以很明確的讓消費者看到名次。
<ol>
<li>國文</li>
<li>英文</li>
<li>數學</li>
</ol>
執行出來的結果就會是這樣:
你放了n個<li>
進去,他就會列出1到n個點的清單。
試試看吧!