HTML<ol>標簽定義了一個有序列表。有序列表可以是數字的或字母的。感興趣的小伙伴可以了解一下HTML標簽。

有序的 HTML 列表

有序列表以<ol>標簽開頭。每個列表項都以<li>標記開頭。

默認情況下，列表項將用數字標記：

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

有序 HTML 列表 - 類型屬性

標簽的type屬性<ol>，定義了列表項標記的類型：

數字：

<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

大寫字母：

<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

小寫字母：

<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

大寫羅馬數字：

<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

小寫羅馬數字：

<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

控制列表計數

默認情況下，有序列表將從 1 開始計數。如果要從指定的數字開始計數，可以使用該start屬性：

例子

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

嵌套的 HTML 列表

列表可以嵌套(列表中的列表)：

例子

<ol>
  <li>Coffee</li>
  <li>Tea
    <ol>
      <li>Black tea</li>
      <li>Green tea</li>
    </ol>
  </li>
  <li>Milk</li>
</ol>

以上就是關于“HTML有序列表詳解”的介紹，大家如果對此比較感興趣，想了解更多相關知識，可以關注一下動力節點的HTML教程，里面的課程內容細致全面，很適合沒有基礎的小伙伴學習，希望對大家能夠有所幫助哦。