本篇来学习下HTML中Order List标签,什么是Order List呢,字面意思是顺序列表。
直接来看看例子。
<!DOCTYPE html>
<html>
<head>
<title>
HTML mail 链接
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<center><h1>Ordered List举例</h1></center>
<ol>
<li>张三</li>
<li>李四</li>
<li>王二</li>
<li>支付宝</li>
<li>张大伟</li>
</ol>
</body>
</html>
运行发现,张三前面有一个数字1,张大伟前面有一个数字5,是一个顺序的展示。
看看不同顺序展示写法,例如a b c这样排序显示。
<!DOCTYPE html>
<html>
<head>
<title>
HTML mail 链接
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<center><h1>Ordered List举例</h1></center>
<ol type="a">
<li>张三</li>
<li>李四</li>
<li>王二</li>
<li>支付宝</li>
<li>张大伟</li>
</ol>
</body>
</html>
这个时候就换成了a.张三 b.李四这样效果。你可以试试type="A" 或者type="i",type="I",看看运行什么效果。