Nesting an image element within an "a" element

1

Hey everyone. I am completely new to coding and have hit a snag. I am being asked in the curriculum to nest an image within an “a” element.
The instructions are as follows:
Place the existing image element within an a ( anchor ) element.

Once you’ve done this, hover over your image with your cursor. Your cursor’s normal pointer should become the link clicking pointer. The photo is now a link.

I am doing this exactly, but doesn’t seem to be letting me go to the next assignment. The error message that I am getting is saying that each “a” element should have a closing tag. I have also seen previous solutions that apparently worked for others, but I tried them to no avail. Help would be greatly appreciated. Thanks.

<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#">
   <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
<a/>
 
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>
2

I just found my error.

3

You’re writing the closing tag in the wrong way, it’s </a> not <a/>.

4

Thanks so much! I literally just found what I did.

1 Like