1 有序列表基本结构

ol 是有序列表容器,同样用 li 作为列表项,与 ul 的区别在于列表项前面是有顺序的编号而非符号。

2 常用属性

2.1 start — 起始编号

指定编号从哪个数开始计,默认从 1 开始。本例 start="10" 表示从第 10 个编号开始。

2.2 type — 编号类型

控制编号的显示样式:

type 值效果
1数字(默认)
A大写字母
a小写字母
I大写罗马数字
i小写罗马数字

3 掌握程度说明

有序列表了解即可,实际开发中使用频率远低于无序列表,样式调整通常也交给 CSS 处理,typestart 属性知道有这回事就行。

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>