Image cliquable: Comment l'annuler

Question

J'ai des éléments dans la liste que j'ai rendus cliquables Le problème est que lorsque je mets une image, elle est cliquable soit comme le dernier élément de la liste. pour être clair quand je clique sur l'image, il ouvre le même lien lorsque je clique sur le dernier élément de la liste (Potatos) Comment puis-je rendre l'image Non cliquable.

 <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

Voici la bonne façon de les faire s'accoupler.

 <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

Le problème réside dans <a href="http://www.google.com" />, balise d'ancrage <a> est une étiquette de conteneur, ce qui signifie qu'il possède une ouverture <a> et balise de fermeture </a>. Déclarer <a /> signifie qu'il s'agit d'une balise ne contenant pas de conteneur/contenant automatiquement, ce qui est faux.

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