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

html設置圖片的超鏈接

2012/11/19 12:15:20作者：佚名來源：網絡

移動端

【實例介紹】

html設置圖片的超鏈接

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

【基本語法】

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

【語法介紹】

img表示插入圖片，在一個HTML文件中的現實圖片通常使用<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>

【代碼分析】

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

標簽：鏈接

上一篇：PhotoShop制作簡單的雙色排字效果教程
下一篇：html設置電子郵件鏈接

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频