HTML 超連結（連結）
超連結可以是一個字，一個詞，或者一組詞，也可以是一幅圖像，您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。
當您把滑鼠指針移動到網頁中的某個連結上時，箭頭會變為一隻小手。
我們通過使用 <a> 標籤在 HTML 中創建連結。
有兩種使用 <a> 標籤的方式：
通過使用 href屬性 - 創建指向另一個文檔的連結
通過使用 name 屬性 - 創建文檔內的書籤
1.通過使用 href屬性 - 創建指向另一個文檔的連結
2.通過使用 name 屬性 - 創建文檔內的書籤
基礎概念
元素------向網頁中嵌入一幅圖像
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/>元素。
局部圖像連結
在某種情況下，我們不希望整張圖片加連結。希望的效果是：點擊圖片某個區域，連結到某地址。
圖像映射
伺服器端圖像映射：將點擊的坐標傳送給伺服器，由伺服器的腳本來決定。（ismap）
客戶端圖像映射：根據點擊位置不同確定連結目的。(usemap) (此處只分析客戶端圖像映射)
注意點：在<img>中設定usemap屬性；在<map>中設定name屬性。
套用：
1） 整張圖片映射同一個區域（此時和圖片連結沒有什麼差異）
2）整張圖片映射到幾個不同的區域 （ 幾個區域就有幾個area ）
3）給圖片局部區域加連結
