Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
#1

Tell us what’s happening:
I am having trouble understanding what is being asked of me in this step. It says “Turn the image into a link by surrounding it with necessary element tags. Use https://freecatphotoapp.com as the anchor’s href attribute value.” but I am not sure where I kept going wrong, I have tried adding <a> and href within the img paragraph and before it and I have tried adding them afterwards and I am wondering if there is something I am forgetting to do or if how I am putting it in is incorrect. I left my most recent mistake to show where I’ve decided to ask for help.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
      <a href="https://freecatphotoapp.com"</a><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
    </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/106.0.0.0 Safari/537.36 OPR/92.0.0.0

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

Link to the challenge:

#2

This isn’t a valid anchor element. Compare to

Also, the img isn’t inside of this anchor element

1 Like
#3

I tried <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" href="https://freecatphotoapp.com" alt="A cute orange cat lying on its back."> because if I put it as a separate <a> it told me not to have more than one anchor but then it said " Your anchor (a ) element should have an opening tag. Opening tags have this syntax: <elementName> ." is the img not the element name for both?

#4

You shouldn’t mix together the two elements. Each hhave their own, separate tags. Look at where ‘cat photos’ is in your other anchor element. You need to do that here, but put the img element in place of ‘cat photos’

1 Like
#5

Thank you, I still had to do a bit of playing around with it but I see how I messed up.

1 Like