我们上篇讲到了无序列表,那么今天就来看看有序列表和他们的组合嵌套使用吧。
有序列表
现在我们要做那堆杂事了,但是发现这么多杂事,先做哪个好呢?于是我们给这堆杂事弄个优先级排序,让我们能够按照顺序做下去。HTML里用<ol>标签来表示有序列表,<ol>标签的列表项依然是用<li>标签表示。
它的代码模板是这样的:
<span style="font-family:Microsoft YaHei;"><ol>
<li></li>
<li></li>
...
</ol></span>
看看他的具体代码实现是怎样的吧:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用有序列表</title>
</head>
<body>
<h1>为有序列表添加列表项</h1>
<ol>
<li>开会</li>
<li>写报告</li>
<li>睡觉</li>
</ol>
</body>
</html>