之前在 HTML標簽天天練4 中，講到了<a>標簽超鏈接導向的使用方法。這一篇將針對性的學一下圖像超鏈接：
1）
<img>標簽，用於給予圖片一個鏈接，在點擊圖片后，導向另一個URL地址。如(復制到DW中嘗試)：
<html>
<body>
<p>把圖像作為鏈接來使用：
<a href="http://blog.sina.com.cn/yefeng9393">
<img border="0" src="http://portrait8.sinaimg.cn/2420127911/blog/180" />
</a>
</p>
</body>
</html>
——當我們需要給圖片加一個
文字解釋的時候，需要加上alt或者title，當鼠標在圖片上停留或瀏覽器不支持此圖片的時候，就會顯示該文字解釋! 用這段代碼代替上面同一個位置，即可得出此效果：
<img border="0" src="http://portrait8.sinaimg.cn/2420127911/blog/180" alt="夜風的小博" />
——當需要定義圖片的尺寸的時候，還可以在后面添加上height和width屬性，但要注意的是，不能把尺寸定義得比圖片大太多，否則會造成模糊和失真：
<img border="0" src="http://portrait8.sinaimg.cn/2420127911/blog/180" alt="夜風的小博" height="200" width="200" />
2)<map>標簽用於定義一個能讓<area>標簽產生作用的區域，並指定出name和id，如下面的代碼：
<html>
<body>
<p>請點擊圖像上的鏈接，以便打開博客URL地址</p>
<img src="http://portrait8.sinaimg.cn/2420127911/blog/180" width="180" height="180"
border="0" usemap="#yefeng9393"
title="夜風的小博" />
<map name="yefeng9393" id="yefeng9393">
<area shape="rect" coords="41,106,180,189"
href="http://blog.sina.com.cn/yefeng9393"
target="_blank" title="請點擊" />
</map>
<p>在圖片上，定義了一個矩形范圍，只要點擊汽車的區域，就能夠導向新的URL地址。</p>
<p>注意：在上面的img元素"usemap"屬性同時向map元素添加了"id"與"name"屬性，這樣便於不同的瀏覽器都能夠解釋</p>
</body>
</html>