View Code
<html>
<head>
<title>特定链接</title>
</head>
<body>
<h1>李清照词欣赏</h1><p>
<h3>单击<a href=#醉花阴 target="_blank">醉花阴</a></h3><p>//指明网页跳到那个目标名称的位置。此处跳转到<a name=醉花阴>醉花阴</a>此处加了target="_blank"就是跳转到另一页中显示下面的古诗。
<h3>单击<a href=#南歌子>南歌子</a></h3><p>
<h3>单击<a href=#怨王孙>怨王孙</a></h3><p>
<a name=醉花阴><h2>醉花阴</h2></a>
东篱把酒黄昏後，<p>
有暗香盈袖。<p>
莫道不消魂，<p>
帘卷西风，<p>
人比黄花瘦。<p>
<br><br><br>
<a name=南歌子><h2>南歌子</h2></a>
翠贴莲蓬小，<p>
金销藕叶稀。<p>
旧时天气旧时衣，<p>
只有情怀不似、旧家时！<p>
<br><br><br>
<a name=怨王孙><h2>怨王孙</h2></a>
湖上风来波浩渺，<p>
秋已暮、红稀香少。<p>
水光山色与人亲，<p>
说不尽、无穷好。<p>
<br><br><br>
<br><br><br>
</body>
</html>
上面的是特定目标连接到网页的特定位置。
下面是图片上热点区域的制作要用的是<map>标签只有一个name属性<area>标签
View Code
<html>
<head>
<title>图片的热点区域</title>
</head>
<body>
<img src=images/02.jpg border=0 usemap=#a>
<map name=a>
<area shape="circle" coords="149,102,29" href=1.html>
</map>
</body>
</html>
View Code
<html>
<head>
<title>多边形的热点区域</title>
</head>
<body>
<img src=images/02.jpg border=0 usemap=#c>
<map name=c>
<area shape="poly"
coords="93,41,45,74,70,101,101,102,133,102,153,76,134,38" //duo bian xing re dianquyu
href=1.html>
</map>
</body>
</html>
View Code
<html>
<head>
<title>矩形的热点区域</title>
</head>
<body>
<img src=images/02.jpg border=0 usemap=#b>
<map name=b>
<area shape="rect "coords=118,78,187,127 href=1.html>//热点区域是矩形
</map>
</body>
</html>