html入門：給圖片添加鏈接

來源：昆明多彩網絡公司 日期：2010-10-22 閱讀： 發表評論

要給圖片添加一個a標簽鏈接需要學習好前面兩節知識：

1. 怎么在網頁中插入圖片？
2. 怎么添加一個鏈接跳轉到其他網頁中去？

現在來讓我們回憶一下之前做的練習，“Next.jpg”示例，我們接著從這個示例開始，首先要在網頁中適當的地方插入圖片：<img src="netx.jpg" />，和我們之前學習的一樣。

然后再創建一個超級鏈接a標簽 ：<a href="http://www.shcyue.com"></a>，其中鏈接中的文字我們還沒想好，所以暫時不填寫文本（錨文字）。

我們的學習目的是在圖片上加上超級鏈接，就是將上面兩個效果結合起來，你也許已經想到了，沒錯，應該是像這樣做：<a href=http://www.shcyue.com><img src="next.jpg" /></a>。

效果：。

是不是很簡單呢？這個時候你會發現圖片可能會多出條藍色邊框，這是因為圖片在添加上了超級鏈接后默認添加了一個邊框以區分沒有添加鏈接的圖片，可以給圖片增加 border="0"來隱藏該邊框。

在圖像中還存在一個特殊的鏈接模式，叫做圖像映射，它的作用是可以給同一個圖片的不同區域上增加不同的鏈接，對于大圖或者導航式圖片有著非常好的應用效果。