Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

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

<!-- User Editable Region -->

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" <a href="https://freecatphotoapp.com">https://freecatphotoapp.com</a> 

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 15

Link to the challenge:

2

If you are turning an image into a link then the a tags go around the img element.

That’s how you turn anything into a link, by wrapping it in a tags.

1 Like
3

Welcome to the community!
As bbsmooth explained, to turn anything into a link it needs to be wrapped within the tags.

I like to think of it as supports holding the base together.
If you think about it, it is really not different than the following, with the exception of being an image instead of the text.
< p>See more cat photos in our gallery.< /p>
The wrapping will be the same.

1 Like