當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

html設置圖片的超鏈接

html設置圖片的超鏈接

更新時間:2023-06-15 文章作者:未知 信息來源:網絡 閱讀次數:

網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。

【實例介紹】

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>

【代碼分析】

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


網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

亚洲嫩草影院久久精品