返回
2022年10月06日
-
HTML有序列表+无序列表+定义列表
在网站开发过程中，我们经常会使用到列表（list）。列表可以将若干条相关的内容进行整理，让内容看起来更加有条理。例如，C首页的「推荐阅读」、「精品教程」以及「最近更新」中的内容都使用了列表进行排列。接下来咱们看一下列表的具体使用方法。
HTML 为我们提供了 3 种不同的列表：
- 有序列表
- 无序列表
- 定义列表
1. 有序列表
在 HTML 中， <ol> 标签用来表示有序列表。有序列表之间的内容有先后顺序之分，例如菜谱中的一系列步骤，这些步骤需要按顺序完成，这时就可以使用有序列表。
我们来看一个简单的实例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML有序列表</title> </head> <body> <!-- 有序列表 --> <ol> <li>先将水煮沸</li> <li>加入一勺米</li> <li>搅拌均匀</li> </ol> </body> </html>
在浏览器中运行效果如图所示：
