~~~
<!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>
~~~
