大多數網頁的內容,都可以由標題與段落構成,但若是文字太長,整篇文章會讓人覺得冗長,更別說會看完。

這種時候,將這段文字適當的切分整理成清單項目便是一個解決方法。


然而,除了文章內文段落,一般網頁看到的導覽列也多是用項目清單製作的。


那麼,項目清單到底是甚麼,怎麼使用呢 ? 快來解答吧!


-------------------------------------------------------------------------------------------------------------------------------

項目清單又分為 類:

(ul) 無序清單  (ol) 有序清單 (li) 清單 (dl) 定義列表清單

這篇文章我們先講這 (ul) 無序清單  (ol) 有序清單 (li) 清單 這三者之間的關聯性


(ul) 無序清單+(li) 清單 項目符號 (實心圓、空心圓、方塊)

語法 :  
<ul>
<li>方塊圓點項目符號1</li>
<li>方塊圓點項目符號1</li>
<li>方塊圓點項目符號1</li>
</ul>

呈現:
  • 方塊圓點項目符號1
  • 方塊圓點項目符號2
  • 方塊圓點項目符號3

(ol) 有序清單+(li) 清單 編號清單 (阿拉伯數字、英文數字)


語法 :  
<ol>
<li>阿拉伯數字1</li>
<li>阿拉伯數字2</li>
<li>阿拉伯數字3</li>
</ol>

呈現:

  1. 阿拉伯數字1
  2. 阿拉伯數字2
  3. 阿拉伯數字3























Leave a Reply