html入門：給圖片添加鏈接

來源：昆明多彩網(wǎng)絡(luò)公司 日期：2010-10-22 閱讀： 發(fā)表評(píng)論

要給圖片添加一個(gè)a標(biāo)簽鏈接需要學(xué)習(xí)好前面兩節(jié)知識(shí)：

1. 怎么在網(wǎng)頁(yè)中插入圖片？
2. 怎么添加一個(gè)鏈接跳轉(zhuǎn)到其他網(wǎng)頁(yè)中去？

現(xiàn)在來讓我們回憶一下之前做的練習(xí)，“Next.jpg”示例，我們接著從這個(gè)示例開始，首先要在網(wǎng)頁(yè)中適當(dāng)?shù)牡胤讲迦雸D片：<img src="netx.jpg" />，和我們之前學(xué)習(xí)的一樣。

然后再創(chuàng)建一個(gè)超級(jí)鏈接a標(biāo)簽 ：<a href="http://www.8links.com"></a>，其中鏈接中的文字我們還沒想好，所以暫時(shí)不填寫文本（錨文字）。

我們的學(xué)習(xí)目的是在圖片上加上超級(jí)鏈接，就是將上面兩個(gè)效果結(jié)合起來，你也許已經(jīng)想到了，沒錯(cuò)，應(yīng)該是像這樣做：<a href=http://www.8links.com><img src="next.jpg" /></a>。

效果：。

是不是很簡(jiǎn)單呢？這個(gè)時(shí)候你會(huì)發(fā)現(xiàn)圖片可能會(huì)多出條藍(lán)色邊框，這是因?yàn)閳D片在添加上了超級(jí)鏈接后默認(rèn)添加了一個(gè)邊框以區(qū)分沒有添加鏈接的圖片，可以給圖片增加 border="0"來隱藏該邊框。

在圖像中還存在一個(gè)特殊的鏈接模式，叫做圖像映射，它的作用是可以給同一個(gè)圖片的不同區(qū)域上增加不同的鏈接，對(duì)于大圖或者導(dǎo)航式圖片有著非常好的應(yīng)用效果。