Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening:

I’ve been asked 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.” Which I’m not sure if it is correct and it also says when I have checked the code that I am missing a closing (a ) tag after the image even though I have inserted a closing tag

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

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 15

2

reset the lesson and use only one a element to enclose the img element and its alt attribute, just like the above p element

1 Like
3

try with having only one a element, there is three here, two of which are empty

1 Like
4

Hey @zaydaaziz17
To add to the good advice by @Blman.After resetting the lesson just enclose the image tag inside an a tag like so

<a ><img  alt="#"></a>

Remember the href is an attribute and it goes inside the opening tag of the a element

<a href="#"></a>

Happy coding

1 Like
5

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