可点击图像：如何取消它

Question

我有列表中的元素，我让可点击问题是当我把图像它可以点击或者是与列表中的最后一个元素相同。 要清楚，当我点击图像时，它会打开相同的链接，当我点击列表中的最后一个元素（Potatos） 我如何使图像不可点击。

 <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

这是正确的方式来做他们的伴侣。

 <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

问题在于<a href="http://www.google.com" />，锚标签<a>是容器标签，这意味着它具有一开口<a>和结束标记</a>。声明<a />意味着它是一个非容器/自包含标签，这是错误的。

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