I copied from the video but my code still isnt correct

Tell us what’s happening:
I’m struggling with the very last line of code. The instructions say “The footer tag should have an id attribute set to “footer”.” And I do not understand that.

  **Your code so far**

<h2>CatPhotoApp</h2>
<main>

<a href="#footer">jump to bottom</a>

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

<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. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. 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. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
<p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratch at owner, destroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.</p>
<p>Intently stare at the same spot poop in the plant pot but kitten is playing with dead mouse. Get video posted to internet for chasing red dot leave fur on owners clothes meow to be let out and mesmerizing birds leave fur on owners clothes or favor packaging over toy so purr for no reason. Meow to be let out play time intently sniff hand run outside as soon as door open yet destroy couch.</p>

</main>

<footer> id="footer"Copyright Cat Photo App</footer>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.64 Safari/537.36 Edg/101.0.1210.53

Challenge: Link to Internal Sections of a Page with Anchor Elements

Link to the challenge:

I will break the code above, hopefully it helps.

<a> is a tag. When you need it to link to somewhere, you add an attribute called href.

The attributes are added in the tag itself, they form a party together <a href="#footer">

After the party have formed <a href="#footer>, you add text, so it’s easier for people to interact with said element. In that case, the text is jump to bottom.

Now you have Element <a>, an attribute href and text jump to bottom in one a party <a href="#footer">jump to bottom

with everything ready, you just need to close it with closing tag </a>, so it will become <a href="#footer">jump to bottom</a>

So when you added id attribute, you added it as text

<footer> id="footer"

While it should act like href attribute.

<a href="">

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