Learn HTML by Building a Cat Photo App - Step 15

Tell us what’s happening:

I do not know how to proceed with the next step.

Step 15

I am to turn the image into a link by surrounding it with necessary element tags. Use https://freecatphotoapp.com as the anchor’s href attribute value.

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=<a href"https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></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/120.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 15

Hey @iffyolaoye ,

Like the user story mentions, its expecting the image to be turned into a link. You can accomplish this by using the anchor tag (<a></a>).

So, to convert any image to a link, simplified, you’ll have something like the following: <a href="https://forum.freecodecamp.org"><img src="" /></a>.

1 Like

Hey @anon42932716,

I don’t think I provided the complete solution to the post. If you grab the code that I provided, it won’t work, but can be used as reference for the solution.

Should I be more ambiguous with my response?

1 Like