html
复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>有序列表</title>
</head>
<body>
<!--有序列表：-->
<!--1.列表中各个元素在逻辑上有先后顺序，但不存在一定的级别关系-->
<!--2.有序列表中，列表项之间属于并列关系-->
<!--有序列表语法：-->
<!--<ol>有序列表开始-->
<!--<li></li>每一个列表项-->
<!--</ol>有序列表结束-->
<!--4.有序列表中的列表项默认以数字开头，可以用"type"属性修改-->
<!--5.type属性：数字：1 （type=1） 小写英文：a（type="a"） 大写英文：A 小写罗马：i 大写罗马：I-->
<!--6.不赞成使用type属性修改，可以使用css代替-->
<!--7.开发中有序列表基本用不上-->
<ol type="a">
<li>辽宁</li>
<li>吉林</li>
<li>黑龙江</li>
</ol>
<ol type="I">
<li>辽宁</li>
<li>吉林</li>
<li>黑龙江</li>
</ol>
<ol style="list-style-type: upper-alpha;">
<li>辽宁</li>
<li>吉林</li>
<li>黑龙江</li>
</ol>
</body>
</html>
