添加一個鏈接到一個圖片html

Question

我已經添加了一個頁面鏈接到我的網站的圖片，但它不會加載網站，因爲鏈接到目錄，因此網頁不會出現。我的代碼如下：

<a href="www.w3schools.com"> 
<img src="Images/insta.png" alt="" style="width:7%; height:7%;"> 
</a> 

當我點擊圖片時它說沒有找到文件。

Answer 1

如果您要鏈接到外部網站上的頁面，則需要提供有問題頁面的完整URL，其中包含協議。在這種情況下，這將是http://www.w3schools.com/。

通過鏈接到www.w3schools.com，你告訴瀏覽器相對於你從這樣鏈接頁面URL加載，如果這個鏈接是位於http://domain.tld/page.html頁面上，點擊它會試圖加載http://domain.tld/www.w3schools.com。

Answer 2

添加http://或https://爲您的網站鏈接：

<a href="http://www.w3schools.com/"> 
    <img src="Images/insta.png" alt="" style="width:7%; height:7%;"> 
</a> 

Answer 3

<a href="http://www.w3schools.com" target="_blank"> 
    <img src="Images/insta.png" alt="" style="width:7%; height:7%;"> 
</a> 

沒有http：//你的鏈接將是這樣的：youraddress/www.w3schools.com

並注意如果您的圖像位於名爲Images的圖像