首页 > HTML5教程 > html列表标签用法

html有序列表 ol

有序列表

有序列表(ordered list)每个列表项是有顺序的,从<ol>开始,到</ol>结束,中间的列表项内容写在<li>标签里,多个列表项使用数字来标记

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html> 
<head>
    <title>有序列表www.yuqingqi.com</title>
</head>
<body>
    <ol>
        <li>html</li>
        <li>css</li>
        <li>javascript</li>
        <li>php</li>
        <li>web</li>
        <li>yuqingqi</li>
    </ol>
</body>
</html>

 浏览器:

html有序列表

 

有序列表属性:type和start

有序列表的列表项符号由type属性来定义,或由css样式list-style-type来定义。列表项的起始编号由start确定

type值 列表项序号
1 数字1、2、3……
a 小写英文字母a、b、c……
A 大写英文字母A、B、C……
i 小写罗马数字i、ii、iii……
I 大写罗马数字I、II、III……
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html> 
<head>
    <title>有序列表www.yuqingqi.com</title>
</head>
<body>
    <ol type="a" start="2">
        <li>html</li>
        <li>css</li>
        <li>javascript</li>
        <li>php</li>
        <li>web</li>
        <li>yuqingqi</li>
    </ol>
</body>
</html>

浏览器:

html有序列表

关闭
感谢您的支持,我会继续努力!
扫码打赏,建议金额1-10元


提醒:打赏金额将直接进入对方账号,无法退款,请您谨慎操作。