Learn HTML by Building a Cat Photo App - Step 15

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

    </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/116.0.0.0 Safari/537.36

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

Link to the challenge:

Welcome to the FCC Forum community where people help each other!

Very good attempt.

However, the anchor begins with an < a and does not go inside of the img element.

If you view how you anchored the ‘cat photos’ and see how the anchor was place on each side of what you wanted to anchor, this would be the same process.

Anchor before the img element, not inside, and at the end of the closing > for the img, including everything inside the img element .

I hope this helps you.
But just in case, I am including a great article that explains, with examples how to do it.
Example:

< a href=“url”> < img src=“url”> < /a>

Happy coding! :slight_smile:

You don’t want to add the href attribute to the img tag. The href attribute goes on an a tag, just like you did above when you turned the words cat photos into a link. So you need to wrap the img in a tags and then add the href attribute to the opening a tag.

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