最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
HTML列表标签如何使用和制作带数字序号的有序列表
时间：2026-09-03 17:37:48 编辑：袖梨 来源：一聚教程网
<ol>标签创建自动编号有序列表，默认从1开始；可用start属性修改起始数字，type属性切换编号样式（如A、a、I、i），支持在<li>中嵌套<ol>实现多层编号。
用 <ol> 标签就能做出带数字序号的有序列表，浏览器默认从 1 开始自动编号，不需要手动写数字。
基础用法：用 <ol> 和 <li> 搭配
有序列表由 <ol>（ordered list）包裹，每个列表项用 <li>（list item）表示。浏览器会自动添加数字前缀：
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
改变起始编号：用 start 属性
如果想从其他数字开始编号，比如从 5 开始，给 <ol> 加上 start 属性即可：
<ol start="5">
<li>这是第五项</li>
<li>这是第六项</li>
</ol>
切换编号样式：用 type 属性
type 属性可控制数字类型，常用值有：
- 1（默认）→ 阿拉伯数字（1, 2, 3…）
- A → 大写字母（A, B, C…）
- a → 小写字母（a, b, c…）
- I → 大写罗马数字（I, II, III…）
- i → 小写罗马数字（i, ii, iii…）
例如：
<ol type="A">
<li>选项一</li>
<li>选项二</li>
</ol>
嵌套有序列表：在 <li> 里再放 <ol>
可以在某个列表项内部再定义一个有序列表，实现多层编号：
<ol>
<li>主步骤一</li>
<li>主步骤二
<ol>
<li>子步骤 1</li>
<li>子步骤 2</li>
</ol>
</li>
</ol>
相关文章
- Jsoup代码解读之七-实现一个CSSSelector 09-03
- 我的勇者游侠首充武器选择 游侠武器推荐 09-03
- 我的勇者战士首充武器选择 战士武器推荐 09-03
- TPLink TLWR1041N 无线路由器虚拟服务器设置方法 09-03
- TPLink TLWR1041N 无线路由器无线桥接（WDS）设置指南 09-03
- 我的勇者如何练级快 快速升级攻略 09-03