html入門:給圖片添加鏈接
來源:昆明多彩網(wǎng)絡(luò)公司 日期:2010-10-22 閱讀: 發(fā)表評論
要給圖片添加一個a標簽鏈接需要學習好前面兩節(jié)知識:
- 怎么在網(wǎng)頁中插入圖片?
- 怎么添加一個鏈接跳轉(zhuǎn)到其他網(wǎng)頁中去?
現(xiàn)在來讓我們回憶一下之前做的練習,“Next.jpg”示例,我們接著從這個示例開始,首先要在網(wǎng)頁中適當?shù)牡胤讲迦雸D片:<img src="netx.jpg" />,和我們之前學習的一樣。
然后再創(chuàng)建一個超級鏈接a標簽 :<a href="http://www.osusoku.com"></a>,其中鏈接中的文字我們還沒想好,所以暫時不填寫文本(錨文字)。
我們的學習目的是在圖片上加上超級鏈接,就是將上面兩個效果結(jié)合起來,你也許已經(jīng)想到了,沒錯,應(yīng)該是像這樣做:<a href=http://www.osusoku.com><img src="next.jpg" /></a>。
是不是很簡單呢?這個時候你會發(fā)現(xiàn)圖片可能會多出條藍色邊框,這是因為圖片在添加上了超級鏈接后默認添加了一個邊框以區(qū)分沒有添加鏈接的圖片,可以給圖片增加 border="0"來隱藏該邊框。
在圖像中還存在一個特殊的鏈接模式,叫做圖像映射,它的作用是可以給同一個圖片的不同區(qū)域上增加不同的鏈接,對于大圖或者導航式圖片有著非常好的應(yīng)用效果。
發(fā)表評論評論列表(有 條評論)