Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

I’m not sure I have a good understanding of where opening and closing element anchors should go. It’s also possible I’ve made other errors… Please help, thanks!

<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" alt="A cute orange cat lying on its back." <a href="https://freecatphotoapp.com"</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/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 15

2

You need to anchor the image code just like you did for the text. Good luck

1 Like
3

Hello @Bulbasaur !

@robheyays has provided good guidance. And,if the following helps, along with that guidance, please remember to check Solution by @robheyays to give due credit?

Suggestion: Reset the step to get rid of any failed code.

Use the following quoted code as a reference on how to place the anchors before and after the img to turn it into a link.
The anchor from this code cannot be used for the assignment. But it can be used as a reference on how to add the href and its value to the anchor.

Notice how the anchor tags are touching the text cat photos on both sides to create the link.

Do not make any changes to the img as provided when the reset is done.
Just add the anchor tags before and after with any attribute and value necessary to create the link.

Happy coding! :sun_with_face:

4

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