1 有序列表基本结构
ol 是有序列表容器,同样用 li 作为列表项,与 ul 的区别在于列表项前面是有顺序的编号而非符号。
2 常用属性
2.1 start — 起始编号
指定编号从哪个数开始计,默认从 1 开始。本例 start="10" 表示从第 10 个编号开始。
2.2 type — 编号类型
控制编号的显示样式:
| type 值 | 效果 |
|---|---|
1 | 数字(默认) |
A | 大写字母 |
a | 小写字母 |
I | 大写罗马数字 |
i | 小写罗马数字 |
3 掌握程度说明
有序列表了解即可,实际开发中使用频率远低于无序列表,样式调整通常也交给 CSS 处理,type 和 start 属性知道有这回事就行。
4 完整代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>有序列表</title>
</head>
<body>
<ol start="10" type="A">
<li>java</li>
<li>python</li>
<li>golang</li>
</ol>
<hr>
<ol start="10" type="I">
<li>java</li>
<li>python</li>
<li>golang</li>
</ol>
</body>
</html>