使用UL和LI标签可创建无序列表,UL定义列表,LI定义列表项,支持嵌套实现层级结构,常用于展示并列内容如购物清单。

在HTML中,创建无序的项目符号列表非常简单,只需要使用 UL(Unordered List)和 LI(List Item)标签即可。这种列表适用于不需要特定顺序的条目,比如购物清单、功能特点等。
UL标签:定义无序列表
UL 标签用来声明一个无序列表的开始和结束。浏览器默认会在每个列表项前显示一个圆点作为项目符号,当然也可以通过CSS自定义样式。
基本语法:- 用
- 开始列表
- 用
LI标签:定义列表中的每一项
LI 标签用于表示列表中的每一个具体条目,必须嵌套在 UL(或 OL)标签内部,否则结构不合法。
示例代码:- 苹果
- 香蕉
- 橙子
实际HTML代码写法
下面是一个完整的无序列表的HTML写法:
- 准备材料
- 清洗食材
- 开始烹饪
- 装盘享用
渲染后,页面会以带圆点的项目符号形式展示这四项内容,顺序不重要,突出的是并列关系。
可以嵌套使用多层列表
如果需要表达子项目,可以将另一个 ul-li 结构放在 li 内部,实现层级结构。
- 主任务一
- 子任务1
- 子任务2
- 主任务二
- 子任务A
- 子任务B
基本上就这些。UL 和 LI 是HTML中最基础也最常用的列表标签,掌握它们能让你的网页内容更有条理。不复杂但容易忽略细节,比如不要遗漏闭合标签。}










