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 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 (Windows NT 10.0; Win64; x64) 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

Currently you have the link placed after the image with nothing sitting between the opening and closing tags of the a element which means it cannot be clicked on. Think of the opening tags of the <a> element as the start of the link and the closing tags of the </a> element as the end of the link. With that in mind think of where you would place them if you wanted to start the link at the start of the image and end it at the end of the image.

1 Like

Hello @Mayedave !

As you have received guidance in the previous post, I thought I would just include in this post an article found in FCC News that provides great explanations, and good examples on turning text and images into links.
It is a great resource as there are many times we are required to do both of these coding requirements to pass steps.

FCC News Article Turn Image and Text Into Links

Happy coding!

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