html有序列表标记ol

2012/11/17 10:04:40作者：佚名来源：网络

移动端

【实例介绍】

html有序列表标记ol

有序列表中各个列表项使用编号排列，列表中的项目有先后顺序，一般采用数字或字母作为顺序号。

【基本语法】

<ol>
<li>有序列表项</li>
<li>有序列表项</li>
<li>有序列表项</li>
<li>有序列表项</li>
<li>有序列表项</li>
···
</ol>

【语法介绍】

在该语法中，<01>和</01>标记标志着有序列表的开始和结束，而<li>和</li>标记表示这是一个列表项。

【实例代码】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>有序列表标记</title>
</head>
<body> <b>各项工作也呈现出蒸蒸日上的好势头。主要表现在以下几个方面：</b>
<ol> 
<li>是争创一流实现新突破。</li>
<li>是服务中心取得新成效。</li>
<li>是干部素质实现新提高。</li>
<li>是机关形象实现新改观。</li>
</ol>
</body>
</html>

【代码分析】

在代码中，加粗部分的标记是有序列表标记，在浏览器中预览，可以看到有序列表的序号，如图所示。

有序列表标记ol运行效果