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有序列表的主要内容,如果未能解决你的问题,请参考以下文章