Anklickbares Bild: Wie man es annulliert

Question

Ich habe Elemente in der Liste, die ich klickbar machte Das Problem ist, wenn ich Bild legte, würde es klickbar entweder das gleiche wie das letzte Element in der Liste sein. um klar zu sein, wenn ich auf das Bild klicke, öffnet es den gleichen Link, wenn ich auf das letzte Element in der Liste klicke (Potatos) Wie kann ich das Bild Unclickable machen.

 <div> 
 
      <ul> 
 
       <li><a href="http://www.google.com" />Pizza</li> 
 
       <li><a href="http://www.msn.com" />Tacos</li> 
 
       <li><a href="http://www.w3schools.com" />Potatos</li> 
 
      </ul> 
 
     </div> 
 
     <div> 
 
      <img src="C:\Users\Ahmed\Desktop\Tacos.jpg" width=30% /> 
 
     </div>

Answer 1

Hier ist der richtige Weg, sie zu tun Mate.

 <div> 
 
      <ul> 
 
       <li><a href="http://www.google.com">Pizza</a></li> 
 
       <li><a href="http://www.msn.com">Tacos</a></li> 
 
       <li><a href="http://www.w3schools.com">Potatos</a></li> 
 
      </ul> 
 
     </div> 
 
     <div> 
 
      <img src="C:\Users\Ahmed\Desktop\Tacos.jpg" width=30% /> 
 
     </div>

Answer 2

Das Problem liegt in <a href="http://www.google.com" />, <a> Anchor-Tag ist ein Container-Tag, das heißt, es eine Öffnung und Schließen <a> tag </a> hat. Das Deklarieren von <a /> bedeutet, dass es sich um ein nicht container-/selbstenthaltendes Tag handelt, was falsch ist.

<ul> 
    <li><a href="http://www.google.com">Pizza</a></li> 
    <li><a href="http://www.msn.com">Tacos</a></li> 
    <li><a href="http://www.w3schools.com">Potatos</a></li> 
</ul>