添加链接到列表中的图像

Question

我正在尝试在ul列表中创建一个可点击的图像，这是我的代码到目前为止。该段落是可点击的，但不是图像。

<ul>
        <a href="/movies/test/"><li>
            <img src="/images.png" alt="">
        <p>test info</p></li></a>        
  </ul>

Answer 1

您的HTML无效。结构应该是：

<ul>
  <li>
    <a href="/movies/test/">
       <img src="your image here" alt="">
        <p>test info</p>
     </a>      
   </li>  
</ul>

图像和文本将全部为单个链接。

Answer 2

试试这种方式;

<ul>
  <li>
      <a href="/movies/test/">
        <img src="/images.png" alt="">
        <p>test info</p>
      </a>
  </li>       
</ul>

这是小提琴：https://jsfiddle.net/w5jLktrL/