Learn HTML by Building a Cat Photo App - Step 15

Tell us what’s happening:
I’ve added the anchor opening tag because i’m trying to turn the image into a link but i don’t seem to know where to place the closing tag. I tried different positions but i still keep getting an error. Please help!

Your code so far

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

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

<!-- User Editable Region -->


Your browser information:

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

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

Link to the challenge:

<a> and <img> are both separate elements, which means you need to put one inside the other just like you did in the line above where you put a inside p.

I think i got the opening tag correctly this time but i’m still having issues with where to place the closing anchor tag.

The closing anchor tag should go after the img element so that it encloses the element. Remember to give the a tag the href attribute like you did in the line above; img only needs src and alt.

You can think of where tags should go like bookends:

<bookend> /* books go here */ </bookend>

Or like sets:

  <fruits>apple, banana</fruits>
    <fish>salmon, tuna</fish>

In the same way, you can wrap <a> tags around things to make them links, <h1> tags to make them headings, etc. Hope this helps!

1 Like

If you have to turn an image into a link, follow the rule:

<a href="url"><img src="url"></a>

This is guidance.


What about the alt attribute?

The ‘alt’ attribute was already in the code line by default.

Thanks. Your guidance helped and it worked :smile:

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.