圖像的超鏈接

圖像的鏈接和文字的鏈接方法是一樣的，都是用<a>標簽來完成，只要將<img>標簽放在<a>和</a>之間就可以了。

語法：<a href="鏈接地址"><img src="圖像文件的地址"></a>

說明：在該語法中，href參數用來設置圖像的鏈接地址。

在代碼中加粗部分的標記是為圖像添加空鏈接，在瀏覽器中預覽，當鼠標指針放置在鏈接的圖像上時，鼠標指針會發生相應的變化。

提示由于使用<a>標記，圖像鏈接和文字鏈接相同。創建E-mail鏈接需要將mailto://添加到E-mail地址的前面。鏈接到一個HTTP站點，需要在網址前使用http://協議。

圖像熱區鏈接

在HTML中可以把圖片劃分成多個熱點區域，每一個熱點區域鏈接到不同的網頁。這種效果的實質是把一幅圖片劃分為不同的熱點區域，再讓不同的區域進行超鏈接，這就是映射地圖。

語法：首先需要在圖像文件中設置映射圖像名，在圖像的屬性中使用<usemap>標記添加圖像要引用的映射圖像的名稱如下：

< img src="圖像地址" usemap ="映射圖像名稱">

然后需要定義熱區圖像以及熱區的鏈接屬性如下：

<map name="映射圖像名稱">

<area shape="熱區形狀" coords="熱區坐標" href="鏈接地址">

</map>

說明：在該語法中要先定義映射圖像的名稱，然后再引用這個映射圖像。在<area>標記中定義了熱區的位置和鏈接，其中shape參數用來定義熱區形狀，coords參數則用來設置區域坐標，對于不同形狀來說，coords設置的方式也不同。

舉例：選擇菜單中的【文件】|【打開】命令，打開繪制圖像熱區鏈接的網頁文檔。

在網頁中選擇繪制圖像熱區的圖像，在【屬性】面板中單擊【矩形熱點】工具，按住鼠標左鍵不放，拖動鼠標在繪制熱區的圖像上繪制一熱點矩形。

選中矩形熱點，在【屬性】面板中的【鏈接】文本框中輸入鏈接的目標地址。

選中圖像，在【屬性】面板中單擊【橢圓形熱點】工具，按住鼠標左鍵不放，拖動鼠標在繪制熱區的圖像上繪制一橢圓形熱區。

選中橢圓形熱點，在【屬性】面板中的【鏈接】文本框中輸入鏈接的目標地址。

按照步驟4～5的方法，在圖像上其他的位置繪制一個多邊形熱區，在【屬性】面板中的【鏈接】文本框中輸入鏈接的目標地址。

保存文檔，在瀏覽器中預覽效果。

在代碼中加粗部分的標記為設置熱區的關鍵代碼，在這段代碼中設置了3種不同形狀的熱區，并對其設置了熱區鏈接。在網頁中，根據繪制熱區鏈接圖像形狀的不同，可選擇不同形狀的熱區工具繪制。使用熱區可以將網頁的不同部分鏈接到不同的網頁。