I am in the challenge: Link to internal pages with anchor elements.
Whenever I run the code, it tells me that the footer tag should have an id attribute set to “footer”
My HTML code which I have trouble in:
<a href="#footer">Jump to Bottom</a>
<h2 id="footer">Jump to Bottom</h2>
<footer>Copyright Cat Photo App</footer>
Challenge:
Link to Internal Sections of a Page with Anchor Elements
Link to the challenge:
Hello @Swanith. Your code is not visible. Can you please resend it? When you send your code, do as following:
Video Credit: FCC Mods
Sure
Please check now, and please tell me if it is visible or not
footer should look like
<footer id = "footer"> </footer>
and is this supposed to be there?
<h2 id="footer">Jump to Bottom</h2>
Sorry, I couldn’t understand what you said.
You need to add an id attribute to the existing footer element and give it a value of footer. But, what you did instead was you created an extra h2 element and gave it the id instead.
Reset your code and start all over.
Hello!
Can you explain what you need help with?
Okay, thanks for replying
I need help with this challenge: Link to internal sections of a page with anchor elements.
Link to the challenge:
Okay, what do you need help with?
Copy and paste the code below. Go through it line by line and tell us how you were doing it different. If there is an error still let us know.
<h2>CatPhotoApp</h2>
<main>
<a href="#footer"> Jump to Bottom </a>
<img src="https://bit.ly/fcc-relaxing-cat" 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>
Sure
What about the id attribute?
Sorry for asking a lot of questions, I am very new to coding and Programming
The id attribute should be given to the footer element.
Oh! Ok.
Thanx a lot!! It really helped me!!
Please make sure you have understood what you have just done before proceeding. Going to the next lesson without understanding the current one will lead to setbacks.
Yes! I have understood it! Thanks a lot for replying!!
I did this mistake:
I left the id element at the bottom of the code. That is why it didn’t tell where to go to.
That is how an id attribute is set.
Okay, thanks a lot for helping me.