Question

我正在尝试使用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>

我有一个，所以我可以在图标上做一个行高代码，因此它不会太靠近社交媒体＆＃34;文本。

Answer 1

您正在尝试将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>

Answer 2

你必须从你的元素中删除该div。一个链接是这样的。

<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>

Answer 3

这里有一些问题。正如其他人所说，你已经将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>

Answer 4

您需要做的就是使用锚标记包装img标记。：）

{{1}}

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

4 个答案: