HTML有序列表<OL>标签


关键词

HTML有序列表 ol

摘要

HTML中使用<OL>标签来表示有序列表,有序列表中使用<LI>标签来表示列表项。

今天我们讲讲HTML中的有序列表,即<ol>标签,它正好与<ul>标签相对应。

一、定义

所谓有序列表,就是有顺序的列表,即列表前面带个123或abc什么的。英文单词为“Ordered List”,标签为<OL>,作用是在网页中显示一个有顺序的列表。

二、语法

<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项n</li>
</ol>
说明,跟<ul>一样,每个列表项目也使用<li>标签表示。

三、属性

1、type,定义每个列表项前面的符合标记类型,取舍为:A(大写字母)、a(小写字母)、I(大写罗马文)、i(小写罗马文)、1(数字1)等。

四、注意

1、<ul>表示无序列表,而<ol>表示有序列表。
2、<li>列表项标签中,可以使用超链接、段落、换行、图片等其它HTML元素。
3、<ol>的type属性,洪哥不建议使用。因为CSS的横空出世,ol和ul的type属性均不怎么使用了,都是用CSS来搞定列表样式。

 

要饭二维码

洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!

文章的版权

本文属于“洪哥笔记”原创文章,转载请注明来源地址:HTML有序列表<OL>标签:http://www.splaybow.com/post/html-ol-orderedlist.html

如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:8771947!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D

« HTML无序列表<UL>标签 HTML定义列表<DL>标签 »