選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML 教程

HTML 首頁 HTML 簡介 HTML 編輯器 HTML 基礎 HTML 元素 HTML 屬性 HTML 標題 HTML 段落 HTML 樣式 HTML 格式化 HTML 引用 HTML 註釋 HTML 顏色 HTML CSS HTML 連結 HTML 影像 HTML 收藏夾圖示 HTML 頁面標題 HTML 表格 HTML 列表 HTML 塊與內聯元素 HTML Div HTML Classes HTML Id HTML Iframes HTML JavaScript HTML 檔案路徑 HTML Head HTML 佈局 HTML 響應式 HTML Computercode HTML Semantics HTML Style Guide HTML Entities HTML Symbols HTML Emojis HTML Charsets HTML URL Encode HTML vs. XHTML

HTML 表單

HTML 表單 HTML 表單屬性 HTML 表單元素 HTML 輸入型別 HTML 輸入屬性 輸入表單屬性

HTML 圖形

HTML Canvas HTML SVG

HTML 媒體

HTML 媒體 HTML 影片 HTML 音訊 HTML 外掛 HTML YouTube

HTML API

HTML 地理定位 HTML 拖放 HTML Web 儲存 HTML Web Workers HTML SSE

HTML 示例

HTML 示例 HTML 編輯器 HTML 測驗 HTML 練習 HTML 網站 HTML 面試準備 HTML 新兵訓練營 HTML 證書 HTML 摘要 HTML 無障礙性

HTML 參考

HTML 標籤列表 HTML 屬性 HTML 全域性屬性 HTML 瀏覽器支援 HTML 事件 HTML 顏色 HTML Canvas HTML 音訊/影片 HTML Doctypes HTML 字元集 HTML URL Encode HTML 語言程式碼 HTTP 訊息 HTTP 方法 PX 到 EM 轉換器 鍵盤快捷鍵

HTML 有序列表


<ol> 標籤定義一個有序列表。有序列表可以是數字或字母的。


有序 HTML 列表

有序列表以 <ol> 標籤開始。每個列表項以 <li> 標籤開始。

列表項預設會用數字標記

示例

<ol>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>
自己動手試一試 »

有序 HTML 列表 - type 屬性

type 屬性可以用於 <ol> 標籤,用於定義列表項標記的型別。

型別 描述
type="1" 列表項將用數字編號(預設)
type="A" 列表項將用大寫字母編號
type="a" 列表項將用小寫字母編號
type="I" 列表項將用大寫羅馬數字編號
type="i" 列表項將用小寫羅馬數字編號

數字

<ol type="1">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>
自己動手試一試 »

大寫字母

<ol type="A">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>
自己動手試一試 »

小寫字母

<ol type="a">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>
自己動手試一試 »

大寫羅馬數字

<ol type="I">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>
自己動手試一試 »

小寫羅馬數字

<ol type="i">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>
自己動手試一試 »


控制列表計數

預設情況下,有序列表從 1 開始計數。如果你想從指定的數字開始計數,可以使用 start 屬性。

示例

<ol start="50">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>
自己動手試一試 »

巢狀 HTML 列表

列表可以巢狀(列表內包含列表)

示例

<ol>
  <li>咖啡</li>
  <li>茶
    <ol>
      <li>紅茶</li>
      <li>綠茶</li>
    </ol>
  </li>
  <li>牛奶</li>
</ol>
自己動手試一試 »

注意: 列表項 (<li>) 可以包含新的列表,以及其他 HTML 元素,例如影像和連結等。


Chapter Summary

  • 使用 HTML <ol> 元素定義一個有序列表
  • 使用 HTML type 屬性定義編號型別
  • 使用 HTML <li> 元素定義列表項
  • 列表可以巢狀
  • 列表項可以包含其他 HTML 元素


HTML 列表標籤

標籤 描述
<ul> 定義無序列表
<ol> 定義有序列表
<li> 定義列表項
<dl> 定義描述列表
<dt> 定義描述列表中的術語
<dd> 描述描述列表中的術語

有關所有可用 HTML 標籤的完整列表,請訪問我們的 HTML 標籤參考


×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援