HTML无序列表
无序列表是一个项目的列表,此列项目是使用粗体圆点(典型的小黑圆圈)进行标记,无序列表使用<ul>标签
实例:
<ul> <li>1</li> <li>2</li> <ul>
HTML有序列表
有序列表也是一列项目,列表使用数字项目进行标记。有序列表始于<ol>标签,每个列表始于<li>标签
实例:
<ol> <li>1</li> <li>2</li> <ol>
HTML自定义列表
自定义列表不仅仅是一列项目,而是项目及注释的组合。自定义列表始于<dl>标签,每个自定义列表项以<dt>开始,每个自定义列表项定义以<dd>开始
实例:
<dl> <dt>第一名</dt> <dd>123</dd> <dt>第二名</dt> <dd>456</dd> </dl>
注意:列表项内部可以使用段落、换行符、图片、链接等
不同类型的列表演示
不同类型的有序列表
实例:
<h4>编号列表 </h4> <ol> <li>1</li> <li>2</li> </ol> <br /> <h4>大小字母列表</h4> <ol type="A"> <li>1</li> <li>2</li> </ol> <br /> <h4>小写字母列表</h4> <ol type="a"> <li>1</li> <li>2</li> </ol> <br /> <h4>罗马数字列表</h4> <ol type="I"> <li>1</li> <li>2</li> </ol> <br /> <h4>小写罗马数字列表</h4> <ol type="i"> <li>1</li> <li>2</li> </ol>
不同类型的无序列表
实例:
<h4>圆点列表</h4> <ul> <li>1</li> <li>2</li> </ul> <br /> <h4>圆圈列表</h4> <ul style="list-style-type:circle;"> <li>1</li> <li>2</li> </ul> <br /> <h4>正方形列表</h4> <ul style="list-style-type:square;"> <li>1</li> <li>2</li> </ul>
嵌套列表
实例:
<h4>嵌套列表</h4> <ul> <li>一班</li> <li>第一名 <ul> <li>1</li> <li>2</li> </ul> </li> <li>第二名</li> </ul>
嵌套列表2
实例:
<h4>嵌套列表2</h4> <ul> <li>一班</li> <li>第一名 <ul> <li>1</li> <li>2 <ul> <li>数学</li> <li>语文</li> </ul> </ul> </li> <li>第二名</li> </ul>