html如何為圖片加連結

清浅原創: 2019-04-09 17:17:2929376瀏覽

html為圖片添加超鏈接的方法：可以透過標籤來設定超鏈接，透過href設定所要跳轉的鏈接，然後在a標籤下設定 html如何為圖片加連結標籤用來新增圖片，點擊圖片時就會跳到目標連結中

在HTML中使用超連結可以與網路上的另一個文件連結。我們幾乎可以在所有的網頁中都能找到連結。接下來在文章中將為大家介紹的是如何為圖片添加超鏈接，具有一定的參考作用，希望對大家有所幫助

html如何為圖片加連結

##語法形式

<a href="url">链接文本</a>

在a標籤中有一個target屬性，這個屬性就是專門用來控制如何跳轉的。例如當設定為self時表示的就是用於在目前選項卡中跳轉，當設定

blank時就表示在新的視窗開啟超連結用

a標籤中還有一個屬性title，a標籤中的title和img標籤中title一樣，都是用來控制滑鼠懸停時顯示的提示文字內容的

範例：為圖像添加超連結

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<a href="http://www.php.cn" target="-blank" title="PHP中文网logo">
	<img  src="logo.jpg" alt="html如何為圖片加連結" >
</a>
</body>
</html>

效果圖如下：

html如何為圖片加連結

當我們點擊圖片時就會跳到PHP中文網的官網上，當滑鼠移到圖片時就會顯示我們所設定的title。

本文參考：https://www.html.cn/doc/html/link/

HTML標籤索引：https:/ /www.html.cn/sitemap.html

總結：以上就是這篇文章的全部內容了，希望對大家有幫助。

以上是html如何為圖片加連結的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：如何在文字下方加入底線下一篇：如何在文字下方加入底線

看更多