HTML列表标签怎么使用和制作带数字序号的有序列表
云辰大大_3251
发布时间：2026-08-20 13:04:24
|
569人浏览过
|
来源于php中文网
原创
标签创建自动编号有序列表，默认从1开始；可用start属性修改起始数字，type属性切换编号样式（如A、a、I、i），支持在中嵌套实现多层编号。
用
标签就能做出带数字序号的有序列表，浏览器默认从 1 开始自动编号，不需要手动写数字。
基础用法：用 和 - 搭配
有序列表由
（ordered list）包裹，每个列表项用 - （list item）表示。浏览器会自动添加数字前缀：
- 第一项
- 第二项
- 第三项
改变起始编号：用 start 属性
如果想从其他数字开始编号，比如从 5 开始，给
加上 start 属性即可：
- 这是第五项
- 这是第六项
切换编号样式：用 type 属性
type 属性可控制数字类型，常用值有：
立即学习“前端免费学习笔记（深入）”；
-
1（默认）→ 阿拉伯数字（1, 2, 3…）
-
A → 大写字母（A, B, C…）
-
a → 小写字母（a, b, c…）
-
I → 大写罗马数字（I, II, III…）
-
i → 小写罗马数字（i, ii, iii…）
例如：
- 选项一
- 选项二
嵌套有序列表：在
- 里再放
可以在某个列表项内部再定义一个有序列表，实现多层编号：
- 主步骤一
- 主步骤二
- 子步骤 1
- 子步骤 2
HTML速学教程(入门课程)
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
下载
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
PixPix是一款面向电商视觉生产的AI商品图生成工具。
一款AI办公效率工具，主要用于腾讯云推出的AI原生桌面智能体工作台，适合需要提升相关任务效率的用户。
一款AI视频创作工具，主要用于全球首个AI知识视频创作平台，文档、文章、网页，一键生成视频，适合需要提升相关任务效率的用户。
立刻MV是一款AI文本写作工具，AI 音乐视频（MV）创作工具。
豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。
切问学术是一款AI论文写作工具，复旦大学NLP团队推出的AI学术智能体。
讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。
DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。
一款AI办公效率工具，主要用于基于AI技术的免费在线简历制作工具，适合需要提升相关任务效率的用户。
