Ссылки на HTML-сайт неверны

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

Вы должны закрыть последнюю <a> с </a> перед <img> иначе img является частью ссылки. Также не закрыт первый <li>.

Answer 2

Вы пропустили некоторые закрывающие теги.

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