添加一个链接到一个图片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的图像