您现在的位置是: 文字教程> 前端教程> HTML教程>

HTML教程第13课,HTML列表-

2019-03-21 14:59:401
HTML列表,HTML支持有序、无序和定义列表:有序列表,有序列表始于ol标签。每个列表项始于 li 标签。列表项项使用数字来标记。

HTML列表

HTML支持有序、无序和定义列表:


有序列表

有序列表始于ol标签。每个列表项始于 li 标签。

列表项项使用数字来标记。


实例

本例演示有序列表。

本例演示有序列表

程序运行结果:

程序运行结果


HTML无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表使用 ul标签

实例

本例演示无序序列表。

HTML无序列表


程序运行结果:

程序运行结果


HTML自定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以

  • 标签开始。每个自定义列表项以
  • 开始。每个自定义列表项的定义以

  • 开始。


实例

本例演示一个定义列表。

HTML自定义列表

程序运行结果:

程序运行结果

提示: 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。


更多实例

本例演示不同类型的无序列表。

不同类型的无序列表

程序运行结果:

程序运行结果

实例

本例演示不同类型的有序列表。

不同类型的有序列表

不同类型的有序列表


程序运行结果:

程序运行结果

实例

本例演示如何嵌套列表。

本例演示如何嵌套列表

程序运行结果:

程序运行结果


HTML 列表标签


标签描述
ol定义有序列表
ul定义无序列表
li定义列表项
dl定义定义列表
dt定义定义项目。
dd定义定义的描述。


本网站免费提供学习前端、HTML教程、免费SEO学习,喜欢就记得关注我们

文章评论