通过编写猫咪相册应用学习 HTML - Step 14

**告诉我们发生了什么:不知道该用什么必要元素标签来让图片变成一个链接,以及这个元素标签要放在哪个位置。
在此详细描述你的问题。

  **你目前的代码**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" href="https://freecatphotoapp.com">
  </main>
</body>
</html>
  **你的浏览器信息:**

用户代理是: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

挑战: 通过编写猫咪相册应用学习 HTML - Step 14

挑战的链接:

你只需像上一行代码中包裹文本节点一样,使用a标签包裹img标签,就能使图片变成一个链接。

遇到不会用的标签可以查询MDN文档~有中文版 :star_struck:

1 Like