欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML的列表代码说明

程序员文章站 2022-05-17 09:58:15
...
在编辑文档时,有时希望某些内容以列表形式显示出来,是其结构化和条理化。在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.php.cn)!

相关标签: HTML 列表