連結圖像

HTML 超連結（連結）

超連結可以是一個字，一個詞，或者一組詞，也可以是一幅圖像，您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。

當您把滑鼠指針移動到網頁中的某個連結上時，箭頭會變為一隻小手。

我們通過使用 <a> 標籤在 HTML 中創建連結。

有兩種使用 <a> 標籤的方式：

img元素的屬性：

(1)src：圖片來源URL。

(2)alt:規定圖像的替代文本。

(3)height和width:單位為像素，如果不指定，則為默認；如果只指定height或width，則自動調整大小。

(4)ismap ：將圖像定義為伺服器端圖像映射。

(5)usemap：將圖像定義為客戶器端圖像映射。

(6)longdesc：指向包含長的圖像描述文檔的 URL。

-----定義一個客戶端圖像映射

map元素的屬性：

(1) id:為 map 標籤定義唯一的名稱。

(2)name:為 image-map 規定的名稱。

注意：<img>中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性（取決於瀏覽器），所以應同時向 <map> 添加 id 和 name 屬性。

------定義圖像映射中的區域

area元素的屬性：

(1)alt:規定圖像的替代文本。

(2)shape：用於描述區域的形狀，rect\poly\circle\default可選,default指的是還沒有被定義的區域。

(3)coords：指定區域的坐標。比如矩形有4個坐標，前兩個是左上角的x,y坐標，後兩個是右下角的x,y坐標。

(4)href和nohref：href指定目的的連結，如果不指定href屬性，則需要指定nohref，nohref="nohref"

(5)target：和<a>標籤的作用一樣。

注意：area 元素永遠嵌套在 map 元素內部。

在圖像上插入連結：點擊圖片，跳轉頁面：<a></a>之間插入<img/>元素。

<a href="http://www.w3school.com.cn/">   　            <img src="http://img4.3lian.com/sucai/img6/230/29.jpg" alt="Alternate Text">   </a>