HTML 列表
HTML支持有序列表、无序列表和定义列表。
HTML列表
这是第一项
这是第二项
这是第三项
试一个
(本页底部提供了更多示例)
无序列表
无序列表(unordered list)由一组项目构成,其中每个项目都有项目符号(通常是个小黑点)标示。
整个无序列表以
- 标签开始,列表中的每一项以
- 标签开始。
- 咖啡
- 牛奶
在浏览器中的显示效果为:
咖啡
牛奶
你可以在列表项中插入段落、换行、图像、链接或其他列表等等。
有序列表
有序列表(ordered list)也是一组项目,但它的每个项目是用数字标示的。
整个有序列表以
- 标签开始,其中每一项以
- 标签开始。
- 咖啡
- 牛奶
在浏览器中的显示效果为:
咖啡
牛奶
你可以在列表项中插入段落、换行、图像、链接或其他列表等等。
定义列表
构成定义列表(definition list)的,不是单个项目,而是项目(术语)以及对各个项目(术语)的描述。
定义列表以
其中每一项以
(“dt”是definition term的缩写)标签开始。每个项目的描述以
(“dd”是definition description的缩写)标签开始。-
咖啡
- 黑色热饮 牛奶
- 白色冷饮
在浏览器中的显示效果为:
咖啡
黑色热饮
牛奶
白色冷饮
你可以在
元素中插入段落、换行、图像、链接或其他列表等等。更多示例
不同类型的有序列表
本例演示了不同类型的有序列表。
不同类型的无序列表
本例演示了不同类型的无序列表。
嵌套列表
本例演示了如何在列表中嵌套列表。
嵌套列表2
本例演示了更复杂的嵌套列表的情况。
定义列表
本例演示一个定义列表。
列表标签
标签
描述
定义有序列表
定义无序列表
定义一个列表项
创建一个定义列表
在定义列表中创建一项(即一个术语)
为定义列表中的术语创建描述
被弃用的,请用
- 替代
被弃用的,请用
- 替代