效果如下：
all code:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="丰胸，美容，塑形"/>
<title>汉朝丰胸</title>
</head>
<body>
<img src="作业1图.png" usemap="#9"/>
<map name="9">
<area shape="circle" coords="166,76,51" href="#10"/>
</map>
<ul>
<li>首页</li>
<li><a name="8" href="#7">关于月宫御艳</a></li>
<li><a href="#1" name="2">月宫御艳新闻</a></li>
<li><a href="#3" name="4">月宫御艳业务</a></li>
<li><a href="#5" name="6">月宫御艳文化</a></li>
<li>月宫御艳社会责任</li>
</ul>
<ul>
<li>中文</li>
<li>English</li>
</ul>
<img src="作业2图.png" usemap="#7"/>
<map name="7">
<area shape="rect" coords="2,48,309,388" href="#8"/>
</map>
<p>
<a name="1" href="#2">
<strong>月宫御艳</strong>
新闻
</a>
</p>
<ul>
<li>月宫御艳王府VIP女子私人会所一周 2010-8-20</li>
<li>月宫御艳 感恩回馈 真情回报 2010-8-20</li>
<li>月宫御艳王府VIP女子私人会所一 2010-8-20</li>
<li>月宫御艳 感恩回馈 真情回报 2010-8-20</li>
<li>月宫御艳王府VIP女子私人会所一周 2010-8-20</li>
</ul>
<p>
<a name="3" href="#4">
<strong>月宫御艳</strong>
业务
</a>
</p>
<img src="作业3图.png"/>
<img src="作业4图.png"/>
<img src="作业5图.png"/>
<p>
<a name="5" href="#6">
<strong>月宫御艳</strong>
文化
</a>
</p>
<ul>
<li>我尽善尽美 诚信天下</li>
<li><strong>认真做好每一分</strong></li>
<li>传承古老技艺 服务现代女性</li>
<li>
<a href="#9" name="10">
引领时尚风潮 代言尚品生活
</a>
</li>
</ul>
</body>
</html>