Question

所以我有一个简单的HTML网站。我有以下链接：

  <div id="buttons">
  <ul>
    <li class="first">
    <li><a href="resources.htm">Resources</a></li>
    <li><a href="contact.htm">Make Enquiry</a></li>
    <li> <a href="https://www.facebook.com/pages/"><img border="0" alt="Facebook Link" src="facebook.png">
  </ul>
</div>

所有链接都运行良好。但我在链接下面有一个图像：

<div class="tel"><img src="images/tel.png"></div>

图像显示正确，但它充当链接（显示为链接列表中最后一个链接的facebook链接）。你知道为什么会这样吗？因为这个图像并不意味着充当链接。

例如，如果我将facebook链接设为第二个链接（或任何不使其成为列表中最后一个链接的链接），则该图像不会充当链接。但我需要facebook链接作为最后一个。

 <div id="buttons">
  <ul>
    <li class="first">
    <li> <a href="https://www.facebook.com/pages/"><img border="0" alt="Facebook Link" src="facebook.png">
    <li><a href="resources.htm">Resources</a></li>
    <li><a href="contact.htm">Make Enquiry</a></li>
  </ul>
</div>

Answer 1

你错过了一些结束标签。

<div id="buttons">
  <ul>
    <li class="first"></li>
    <li>
      <a href="https://www.facebook.com/pages/">
        <img border="0" alt="Facebook Link" src="facebook.png">
      </a>
    </li>
    <li><a href="resources.htm">Resources</a></li>
    <li><a href="contact.htm">Make Enquiry</a></li>
  </ul>
</div>

Answer 2

您需要在<a>之前使用</a>关闭最后<img>，否则img是链接的一部分。第一个<li>也永远不会关闭。

HTML网站链接不正确

2 个答案: