2-16:HTML 中清單相關元素用法

ol 有序清單

  • 用於有順序的項目(如步驟、排名)
  • 預設會使用數字編號

範例

<ol>
  <li>打開瀏覽器</li>
  <li>輸入網址</li>
  <li>按下 Enter 鍵</li>
</ol>

 

ul 無序清單

  • 用於無順序的項目(如購物清單)
  • 預設會使用黑點(bullet)
<ul>
  <li>蘋果</li>
  <li>香蕉</li>
  <li>葡萄</li>
</ul>

 

li 清單項目

  • <ol><ul> 只能放 <li> 當子元素
  • <li> 可以巢狀 <ol><ul>,形成多層清單
  • 可以用 type 屬性改變 <ol> 的編號樣式,例如:
<ol type="A"> <!-- A, B, C... -->
<ol type="i"> <!-- i, ii, iii... -->

 

dl, dt, dd:定義清單(說明型列表)

  1. <dl>(定義清單 container)
  • 用來建立一組名詞與解釋的清單(如 FAQ、術語說明)
  1. <dt>(定義標題/術語)
  • 表示要被定義的項目(term)


  1. <dd>(定義內容/說明)
  • 是 <dt> 的說明或解釋