html中如何在背景圖片的某個區域加入連接

導讀：
<div id="Layer1" style="position:absolute; left:5px; top:1px; width:994px; height:800px; z-index:1;"><img src="enterbackground.jpg" width="1009" height="817" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="11,488,218,552" href="index1.htm">
</map>
</div>如這段代碼具體是怎麼解釋的！coords="11,488,218,552每個數字代表是什麼！
spooner童生 一級
最佳答案
你所舉的例子是圖像映射，下面這篇文章很清楚的說明了什麼是圖像映射，及其用法。對於你所說的
coords="11,488,218,552"中的數字，其實是圖像影射中需要繪製的圖形的一些參數，比如例子中的rect是矩形，所以需要定義左上角和右下角的座標。所以(11,488)是左上角座標（218,552）是右下角座標。
至於div標籤中的代碼，實際是定義了一個層，你可以參考一些，層定義的html教程。比如以下的鏈接
http://it.dgzx.net/zxkt/gaoyiji/2002-2003-2/others/UsingDreamweaver/html/17Layers2.html
使用圖像映射
1 什麼是圖像映射
所謂圖像映射是指在一幅圖中定義若干個區域，每個區域中指定一個不同的超鏈接，當單擊不同的區域時便可以跳轉到相應的目標頁面。
2 創建圖像映射
2.1 定義映射區域
定義映射區域使用MAP標記符，在<MAP>和</MAP>之間添加映射區域。添加映射區域使用AREA標記符。該標記符具有三個基本屬性：
href 標識出目標的URL
shape 說明映射區域的形狀。取值可是：
rect 矩形
circle 圓形
poly 多邊形
default 整個圖像區域
coords 用於標識映射區域的邊界。
2.1 對映射區域進行引用
標記了映射區域之後，就可以通過在IMG標記符中使用usermap屬性來引用相應的映射信息。
一個完整的圖像映射語法如下：
<map name="mymap">
<area href=URL1 shape=rect coords="x1,y1,x2,y2">
<area href=URL2 shape=circle coords="x,y,r">
<area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn">
</map>
<img src=image_URL usemap=#mymap>
注意：map標記符中，name屬性的取值必須與img標記符中，usemap屬性的取值相同，只是usemap屬性的值前面多了一個# 。
參考資料：http://www.gaopeng.com/bbs/dispbbs.asp?boardid=14&ID=5450
        本文轉自
http://zhidao.baidu.com/question/5911765.html