如何在图像代码中放置超链接？

我试图使用Instagram图标作为超链接，以便当您点击它时，它会直接进入我的Instagram页面。我在Firefox上对它进行了测试，当我点击图标时，它并没有进入我的Instagram，它只是留下了空白页面。如何在图像代码中放置超链接？

<strong><u>Social Media<u></strong><br> 
    <a div class="socialmedia" href="socialmedia"> 
     <img src="images/instagramlogo.png" alt="Instagram" 
     style="width:30px;height:30px; padding-top: 7px;"> 
    </a></p>

我有一个就可以了，这样我可以在图标上做了线高度的代码，所以它不是太靠近“社会化媒体”的文字。

来源

2017-07-03 Anjuman Grewal

[IMG上A HREF链接]的可能的复制（https://stackoverflow.com/questions/3779812/a-href-link-on-img） –

您正在尝试将a与div混合使用。

试试这个：

<div class="socialmedia"> 
<a href="socialmedia"> 
<img src="images/instagramlogo.png" alt="Instagram" 
    style="width:30px;height:30px; padding-top: 7px;"> 
</a> 
</div>

来源

2017-07-03 00:42:24 Difster

*注意，我假设你的href只是一个真实链接的占位符，而不是一个错误。 – Difster

你得从你的元素中删除该分区。一个链接是这样的。

<strong><u>Social Media<u></strong><br> 
    <div div class="socialmedia"> 
    <a href="socialmedia"> 
     <img src="images/instagramlogo.png" alt="Instagram" 
     style="width:30px; height:30px; padding-top:7px;"> 
    </a> 
    </div>

来源

2017-07-03 00:42:55

社会化媒体

style="width:30px;height:30px; padding-top: 7px;">

–

这里有几个问题。正如其他人所指出的，你已经将a和div混合在一起。你的标签，没有所有的类和属性，可基本上只是

<a><img></a>

它不会链接到任何东西的原因是href - 你需要的是设置为你的网页的网址。所以，如果你的Instagram网页是instagram.com/SomeUserName，你可以这样做：

<a href="http://instagram.com/SomeUserName" class="socialmedia"> 
    <img src="images/instagramlogo.png" alt="Instagram" 
    style="width:30px; height:30px; padding-top: 7px;"> 
</a>

来源

2017-07-03 00:46:39 jack

在我看来，在“社会化媒体”的链接只是一个占位符不透露到底是什么，他被链接的内容。 – Difster

可能，但没有理由假设，考虑到这个问题具体是“为什么这个链接不工作？”。我还没有测试，但我很确定，即使在'a'标签上有不正确的'div'属性，它仍然可以工作，如果它有一个有效的网址。 – jack

它不工作的原因是他混合了他的元素。 – Difster

所有你需要做的是用锚标记放在img标签。 :)

<a href="javascript:void(0);"><img 
src="img.jpg" alt="image"/></a>

来源

2017-07-03 04:29:17 Greg

如何在图像代码中放置超链接？

回答

相关问题