Menu
×
   ❮     
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 类 HTML Id HTML Iframes HTML JavaScript HTML 文件路径 HTML 头部 HTML 布局 HTML 响应式 HTML 代码 HTML 语义 HTML 样式指南 HTML 实体 HTML 符号 HTML 表情符号 HTML 字符集 HTML URL 编码 HTML vs. XHTML

HTML 表单

HTML 表单 HTML 表单属性 HTML 表单元素 HTML 输入类型 HTML 输入属性 输入表单属性

HTML 图形

HTML 画布 HTML SVG

HTML 媒体

HTML 媒体 HTML 视频 HTML 音频 HTML 插件 HTML YouTube

HTML API

HTML 地理定位 HTML 拖放 HTML Web 存储 HTML Web 工作线程 HTML SSE

HTML 实例

HTML 实例 HTML 编辑器 HTML 测验 HTML 练习 HTML 网站 HTML 面试准备 HTML 集训营 HTML 证书 HTML 总结 HTML 无障碍

HTML 参考

HTML 标签列表 HTML 属性 HTML 全局属性 HTML 浏览器支持 HTML 事件 HTML 颜色 HTML 画布 HTML 音频/视频 HTML 文档类型 HTML 字符集 HTML URL 编码 HTML 语言代码 HTTP 消息 HTTP 方法 PX 到 EM 转换器 键盘快捷键

HTML 有序列表


HTML <ol> 标签定义一个有序列表。有序列表可以是数字或字母顺序。


HTML 有序列表

有序列表以 <ol> 标签开头。每个列表项以 <li> 标签开头。

列表项默认将用数字标记。

示例

<ol>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>
亲自试一试 »

HTML 有序列表 - type 属性

<ol> 标签的 type 属性定义列表项标记的类型。

类型 描述
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 元素,例如图片和链接等。


章节总结

  • 使用 HTML <ol> 元素定义一个有序列表。
  • 使用 HTML type 属性定义编号类型。
  • 使用 HTML <li> 元素定义列表项。
  • 列表可以嵌套。
  • 列表项可以包含其他 HTML 元素。


HTML 列表标签

标签 描述
<ul> 定义一个无序列表
<ol> 定义一个有序列表
<li> 定义列表项
<dl> 定义一个描述列表
<dt> 定义描述列表中的术语
<dd> 描述描述列表中的术语

有关所有可用 HTML 标签的完整列表,请访问我们的 HTML 标签参考


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.