HTML中常用列表有无序列表（ul）和有序列表（ol），分别用li定义列表项，可通过CSS自定义样式，掌握ul、ol、li标签即可创建清晰内容结构。
在HTML中制作列表非常简单，常用的列表有两种：有序列表（Ordered List）和无序列表（Unordered List）。它们可以帮助你清晰地组织内容，比如菜单、步骤说明或项目清单。
无序列表（Unordered List）
无序列表用于项目没有特定顺序的场景，例如购物清单或功能特点。使用 标签定义列表，每个列表项用 标签表示。
- 苹果
- 香蕉
- 橙子
对应的HTML代码如下：
- 苹果
- 香蕉
- 橙子
有序列表（Ordered List）
有序列表适用于有先后顺序的内容，比如操作步骤或排行榜。使用 标签创建，列表项依然用 标签。
立即学习“前端免费学习笔记（深入）”；
对应代码如下：
- 打开电脑
- 登录系统
- 启动浏览器
- 访问网站
自定义列表样式（可选）
你可以通过CSS来改变列表的项目符号或编号样式。例如，修改无序列表的标记为方块或圆圈：
- 方形标记
常见 list-style-type 值：
- disc：实心圆（默认）
- circle：空心圆
- square：方块
- none：无标记
对于有序列表，可以设置编号类型：
- A
- B
type 可选值包括 1（数字）、A（大写字母）、a（小写字母）、I（大写罗马）、i（小写罗马）。
基本上就这些。掌握 ul、ol 和 li 这三个标签，就能在网页中轻松创建结构清晰的列表内容。不复杂但容易忽略细节，多练习几次就能熟练使用。
