小编给大家分享一下HTML中的<ol>标签怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
HTML<ol>标签
实例
2个不同的有序列表实例:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<olstart="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
标签定义及使用说明
<ol>标签定义了一个有序列表.列表排序以数字来显示。
使用<li>标签来定义列表选项。
提示和注释
提示:可以使用CSS来渲染,详细查看CSS列表。
提示:无序列表,可以使用<ul>标签。
HTML4.01与HTML5中的差异
"reversed"属性是HTML5中的新属性。
在HTML4.01中"compact"属性已经废弃,在HTML5中不支持该属性。
更多实例
实例
设置不同的列表样式(使用CSS):
<olstyle="list-style-type:upper-roman">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<olstyle="list-style-type:lower-alpha">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
实例
使用CSS显示不同的列表样式:
ol.a{list-style-type:armenian;}
ol.b{list-style-type:cjk-ideographic;}
ol.c{list-style-type:decimal;}
ol.d{list-style-type:decimal-leading-zero;}
ol.e{list-style-type:georgian;}
ol.f{list-style-type:hebrew;}
ol.g{list-style-type:hiragana;}
ol.h{list-style-type:hiragana-iroha;}
ol.i{list-style-type:katakana;}
ol.j{list-style-type:katakana-iroha;}
ol.k{list-style-type:lower-alpha;}
ol.l{list-style-type:lower-greek;}
ol.m{list-style-type:lower-latin;}
ol.n{list-style-type:lower-roman;}
ol.o{list-style-type:upper-alpha;}
ol.p{list-style-type:upper-latin;}
ol.q{list-style-type:upper-roman;}
ol.r{list-style-type:none;}
ol.s{list-style-type:inherit;}
实例
列表嵌套:
<ol>
<li>Coffee</li>
<li>Tea
<ul>
<li>Blacktea</li>
<li>Greentea</li>
</ul>
</li>
<li>Milk</li>
</ol>
全局属性
<ol>标签支持全局属性,查看完整属性表HTML全局属性。
事件属性
<ol>标签支持所有HTML事件属性。
以上是“HTML中的<ol>标签怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!