当前位置:Gxlcms > html代码 > HTML的列表代码说明

HTML的列表代码说明

时间:2021-07-01 10:21:17 帮助过:347人阅读

在编辑文档时,有时希望某些内容以列表形式显示出来,是其结构化和条理化。在html文档中,html列表标签主要分为序号列表和项目列表,前者是每个列表项都有个数字编号,后者则在每个列表项前有个圆点符号。

1、序号列表(也称为有序列表)

序号列表标签用<ol>,然后在每一个列表项使用<li>,实例:


<html>
<head>
<title>序号列表</title>
</head>
<body>
<ol>
<li>php</li>
<li>css</li>
<li>html</li>
</ol>
</body>
</html>
预览:


php

css

html


2、项目列表(也称为无序列表)

项目列表和序号列表的形式类似,只是<ol>换成了<ul>,实例:


<html>
<head>
<title>项目列表</title>
</head>
<body>
<ul>
<li>php</li>
<li>css</li>
<li>html</li>
</ul>
</body>
</html>
预览:

php

css

html

以上就是HTML的列表代码说明的内容,更多相关内容请关注PHP中文网(www.gxlcms.com)!

人气教程排行