<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>列表实例</title>
</head>
<body>
<h3>新建一个无序列表:</h3>
<h4>圆点列表:</h4>
<ul style="list-style-type:disc">
<li>米饭</li>
<li>蔬菜</li>
</ul>
<h4>圆圈列表:</h4>
<ul style="list-style-type:circle">
<li>米饭</li>
<li>蔬菜</li>
</ul>
<h4>正方形列表:</h4>
<ul style="list-style-type:square">
<li>米饭</li>
<li>蔬菜</li>
</ul>
<h3>新建一个有序列表:</h3>
<h4>编号列表:</h4>
<ol>
<li>米饭</li>
<li>蔬菜</li>
</ol>
<ol start="10">
<li>米饭</li>
<li>蔬菜</li>
</ol>
<h4>大写字母列表:</h4>
<ol type="A">
<li>米饭</li>
<li>蔬菜</li>
</ol>
<h4>小写字母列表:</h4>
<ol type="a">
<li>米饭</li>
<li>蔬菜</li>
</ol>
<h4>嵌套列表:</h4>
<ul>
<li>主食</li>
<li>酒水
<ul>
<li>啤酒</li>
<li>矿泉水
<ul>
<li>冰红茶</li>
<li>农夫山泉</li>
</ul>
</li>
</ul>
</li>
<li>油盐</li>
</ul>
<h4>自定义一个列表:</h4>
<dl>
<dt>面包</dt>
<dd>--达利园法式小面包--</dd>
</dl>
</body>
</html>