html5有序列表
Posted 超人网页作坊
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html5有序列表相关的知识，希望对你有一定的参考价值。
html5有序列表
上述效果图代码
<!DOCTYPE HTML>
<HTML>
<head><meta charset="utf8">
<title>有序列表</title>
</head>
<body>
<hr>
<ol>
<li>我是老大</li>
<li>我是老二</li>
<li>我是老三</li>
<li>我是老四</li>
</ol>
</body>
</HTML>
-
<ol></ol>表示添加一个有序列表（默认顺序由1开始）
-
<li>内容</li> li标签之间添加想要排序的内容
上述效果图代码
<!DOCTYPE HTML>
<HTML>
<head><meta charset="utf8">
<title>有序列表</title>
</head>
<body>
<hr>
<ol type="a">
<li>我是老大</li>
<li>我是老二</li>
<li>我是老三</li>
<li>我是老四</li>
</ol>
<ol type="1" start="3">
<li>我是老大</li>
<li>我是老二</li>
<li>我是老三</li>
<li>我是老四</li>
</ol>
</body>
</HTML>
属性注解
1.<ol type="a">设置属性类型type为a则排序的首，一次排下去即为abcd......（type属性还有很多比如type="i" 后续排序将从i ii iii iv排序）
2.<ol start="3">若设置属性start="3"则第一个li标签的内容排序将从3开始，依次向后排3，4，5，6......
南歌子词二首 / 新添声杨柳枝词
唐 温庭筠
一尺深红胜曲尘，天生旧物不如新。
合欢桃核终堪恨，里许元来别有人。
井底点灯深烛伊，共郎长行莫围棋。
玲珑骰子安红豆，入骨相思知不知。
以上是关于html5有序列表的主要内容，如果未能解决你的问题，请参考以下文章