當前位置：軟件學堂 > 資訊首頁 > 網(wǎng)絡編程 > DIV+CSS > html設置圖片的超鏈接

html設置圖片的超鏈接

2012/11/19 12:15:20作者：佚名來源：網(wǎng)絡

移動端

【實例介紹】

html設置圖片的超鏈接

可以為一個圖片指定鏈接。圖片的鏈接是用<a>標簽來完成的，只要將<img>標簽放在<a>和<a>之間就可以了。

【基本語法】

<a href="url" target="目標窗口的打開方式"><img src="圖片地址>"···</a>

【語法介紹】

img表示插入圖片，在一個HTML文件中的現(xiàn)實圖片通常使用<img>標記，SrC是圖片的地址。

【實例代碼】


<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>設置圖片的超鏈接</title>
</head>
<body>
<a href="http://www.baidu.com/">
<img src="images/baidu.jpg" with="216"  height="90"/></a>
</body>
</html>

【代碼分析】

在代碼中，加粗部分的標記為設置圖片的鏈接，在瀏覽器中預覽，單擊創(chuàng)建鏈接的圖片時，就可以打開一個新的頁面，進入百度網(wǎng)站。

標簽： 鏈接  html