一、html无序列表
无序列表是一个没有顺序的列表项目，在各条列前面使用●□◇◆等符号以示区隔。
html无序列表始于<ul>标签。每个列表项始于<li>；无序列表的type属性有三个数值可选，这三个选项分别为:disc实心园、circle空心园、square小方块。默认属性是disc实心园。
基本语法：
<ul>
<litype="value">项目1</li>
<litype="value">项目2</li>
<litype="value">项目3</li>
</ul>
value值为项目符号的类型（type类型），无序列表的type类型有：
1.png
html无序列表代码实例：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>html---无序列表</title>
</head>
<body>
<ul>
<li>默认的无序列表</li>
<li>默认的无序列表</li>
<li>默认的无序列表</li>
</ul>
<ul>
<litype="circle">添加circle属性</li>
<litype="circle">添加circle属性</li>
<litype="circle">添加circle属性</li>
</ul>
<ul>
<litype="square">添加square属性</li>
<litype="square">添加square属性</li>
<litype="square">添加square属性</li>
</ul>
</body>
</html>
效果图：
1.jpg
也可以使用csslist-style-type属性定义上图的html无序列表样式。
二、html有序列表
有序列表是一列按照字母或数字等顺序排列的列表项目，注意有序列表的结果是带有前后顺序之分的编号,如果插入和删除一个列表项，编号会自动调整。
html有序列表始于<ol>标签。每个列表项始于<li>标签。
基本语法：
<oltype="value1"start="value2">
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ol>
value1表示有序列表项目符号的类型（type类型）,value2表示项目开始的数值.start是编号开始的数字，如start=2则编号从2开始，如果从1开始可以省略，或是在<li>标签中设定value＝"n"改变列表行项目的特定编号，例如<livalue="7">。type=用于编号的数字,字母等的类型，如type=a，则编号用英文字母。使用这些属性，把它们放在<ol>或<li>的的初始标签中。
有序列表type类型有:
2.png
html有序列表代码实例：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>html---有序列表</title>
</head>
<body>
<ol>
<li>默认的有序列表</li>
<li>默认的有序列表</li>
<li>默认的有序列表</li>
</ol>
<oltype="a"start="2">
<li>第1项</li>
<li>第2项</li>
<li>第3项</li>
<livalue="20">第4项</li>
</ol>
<oltype="I"start="2">
<li>第1项</li>
<li>第2项</li>
<li>第3项</li>
</ol>
</body>
</html>
本文转载自中文网
本文转载自中文网
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h54660.shtml
