通过编写猫咪相册应用学习 HTML - 步骤 15

告诉我们发生了什么:
在此详细描述你的问题。

你目前的代码
A cute orange cat lying on its back.

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
     <a <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

<!-- User Editable Region -->

     <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

<!-- User Editable Region -->

    </main>
  </body>
</html>

你的浏览器信息:

用户代理是: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 Edg/114.0.1823.43

挑战: 通过编写猫咪相册应用学习 HTML - 步骤 15

挑战的链接:

很接近!

你用“cat photo”文字做到了。

<img> 标签相同。Just wrap it in opening and closing <a> tags. Only make changes in between the <!-- User Editable Region --> tags.

只在这个编辑区里写你的代码,你写到外部去了。

<img> 标签放在 <a></a> 标签之间。

1 Like