有序列表(Ordered Lists)

有序列表(Ordered Lists)

有序列表的各个列表项使用编号进行排列。列表中的项目通常都有先后顺序性,一般采用数字或者字母作为顺序号。

5.1.1 有序列表标签标签代码<ol>

带编号的列表称为有序列表,有序列表以<ol>标签开始,以</ol>标签结束。在每个<LI>标签处都会自动添加编号和分行,且每行都有缩进。

【标签说明】

<ol> <LI>第1项 <LI>第2项 <LI>第3项 … </ol>

说明:在该语法中,<ol>和</ol>标签表示有序列表的开始和结束,而<LI>标签表示一个列表项的开始。在默认情况下,采用数字序号进行排列。

【实例】

<html> <head> <title>创建有序列表</title> </head> <body> <font size=5 color="#990000">虚拟光驱的安装和使用 </font><br><br> <ol> <LI>下载虚拟光驱软件 <LI>安装虚拟光驱软件 <LI>运行软件 </ol> </body> </html>

【运行结果】

运行代码,看到列表序列前面包含顺序号,如

有序列表

5.1.2 有序列表的序号类型标签代码type

在默认情况下,有序列表的序号是数字的,通过type属性可以调整序号的类型,例如将其修改成字母等。

【标签说明】

<ol type=序号类型> <LI>第1项 <LI>第2项 <LI>第3项 … </ol>

说明:在该语法中,序号类型可以有5种,见表5-1。

表5-1 有序列表的序号类型

【实例】

<html> <head> <title>创建有序列表</title> </head> <title>创建有序列表</title> </head> <body> <font size=5 color="#990000">虚拟光驱的安装和使用 </font><br><br> <ol type="A"> <LI>下载虚拟光驱软件 <LI>安装虚拟光驱软件 <LI>运行软件 </ol> </body> </html>

【运行结果】

运行代码可以实现有序列表不同类型的序号排列,如

设置有序列表的序号

5.1.3 有序列表的起始数值标签代码start

在默认情况下,有序列表的列表项是从数字1开始的,通过start 参数可以调整起始数值。这个数值可以对数字起作用,也可以作用于英文字母或罗马数字。

【标签说明】

<ol start=起始数值> <LI>第1项 <LI>第2项 <LI>第3项 … </ol>

说明:在该语法中,起始数值只能是数字,但是同样可以对字母和罗马数字起作用。

【实例】

<html> <head> <title>有序列表的起始值</title> </head> <font size=5 color="#990000">虚拟光驱的安装和使用</font> <br><br> <ol type="1" start="3" > <LI>下载虚拟光驱软件 <LI>安装虚拟光驱软件 <LI>运行软件 </ol> <font size=5 color="#990000">VS2008安装步骤</font><br> <ol type="A" start="2" > <LI>打开虚拟光驱 <LI>弹出VS2008加载组件对话框 <LI>协议与安装密钥 <LI> 选择安装方式 </ol> </body> </html>

【运行结果】

运行代码的效果如

设置有序列表的起始编号

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

有序列表(Ordered Lists)