Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

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

<!-- User Editable Region -->

    <a href="https://freecatphotoapp.com" target="_blank">
     <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">
     </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/117.0.0.0 Safari/537.36 Edg/117.0.2045.60

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

Link to the challenge:

2

Don’t delete anything that was already there. I would reset the step to get the original HTML back.

The only thing you want to do is add the a tags to turn the image into a link. You basically did this correctly. You just deleted other things that you shouldn’t have.

3

Welcome to the community!

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

The above is what is provided at the beginning of this step.

To pass the step, add the opening and closing anchors , as you did in the code for step 12, around the two words cat photos

Here is a great article from the FCC News category on how to turn images and text into links. It has good examples and is authored by one of the leaders.

FCC News Article Turn Image and Text Into Links

Keep up the good progress!

4

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