<body>
<table width="1002" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/index.jpg" width="1002" height="975" border="0" usemap="#Map" /></td>
</tr>
</table>
<map name="Map" id="Map">
<area shape="rect" coords="483,390,928,492" href="hbds.html" />
<area shape="rect" coords="292,524,705,726" href="xinwen.html" />
<area shape="rect" coords="282,782,924,881" href="ct.html" />
<area shape="rect" coords="307,80,355,100" href="ct.html" />
<area shape="rect" coords="451,51,525,74" href="xinwen.html" />
</map></body>
這個網頁沒有用a做鏈接,但實際上是有五個鏈接的.這就是usemap的用法.
什么是usemap呢?usemap是<img>標簽的一個屬性,用作指明所使用的圖像地圖名。
知道了了usemap是什么,我們還要知道它的屬性,這樣用起來才得心應手.
area在這是區域的意思。在這個map中我們設置了5個區域。
shape是區域的形狀,coords是矩形區域的左上角坐標和右下角坐標。
href是對應區域所鏈接的位置。
最重要的:用DreamWeaver屬性下文的“熱點”,即可方便的制作出效果來!!!(原創+推薦)