Learn HTML by Building a Cat Photo App - Step 17

HTML-CSS
1

Tell us what’s happening:

Turn the image into a link:

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

What don’t I see, because I see the link appear in the screen.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
      <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.4 Safari/605.1.15

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 17

2

When you create an HTML element, you need to remember to close each tag.

I recommend comparing your opening and closing a tag to the ones above.

3

W3Schools as a working example of “making an image clickable”
Link Here: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_links_image

The anchor tag needs to wrap the image like it’s hugging it.

2025-05-09_19-48-49
2025-05-09_19-48-49812×342 29.6 KB