~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
无序列表 ul unordered list
ul li type:disc(默认) circle square
ul列表通常用来作为菜单
ol ordered list type=1(默认) a, A, i I
-->
<ol>
<li>服饰类
<ul>
<li><a href="home.html" target="content">上衣</a></li>
<li><a href="table.html" target="content">裤子</a></li>
</ul>
</li>
<li>食品类
<ul>
<li>水果</li>
<li>蔬菜</li>
</ul>
</li>
<li>家电类</li>
<li>日用类</li>
</ol>
<a href="http://www.baidu.com">首页</a>
</body>
</html>
~~~
