How do i add ID to the element

<footer>Copyright Cat Photo App</footer>

you add an id to an html element by adding id="..." in the opening tag of the element, writing instead of ... the value of the id you want to give to the element

Thank you, but please i still dont get.

Hi @kassamaustin !

Welcome to the forum!

Are you working on this lesson?

If so, please provide us with your full code so we can better assist you.


When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

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

  <img src="https://www.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>Copyright Cat Photo App</footer>

Change your external link to an internal link by changing the href attribute to "#footer" and the text from cat photos to Jump to Bottom .

Remove the target="_blank" attribute from the anchor tag since this causes the linked document to open in a new window tab.

Then add an id attribute with a value of footer to the <footer> element at the bottom of the page.

yes please, I am learning this particular lesson

Your task is to create an id="footer" and place it in the opening footer tag.

<footer ID GOES HERE>

Thank you. i appreciate you takin out time to help me.
this is what i did <footer id="footer">jump to bottom</footer>

this is what i was told after running the test // running tests There should be only one

footer

tag on your page. // tests completed

If you are getting that error message it sounds like you created an extra footer.

The challenge already gave you a footer element. You don’t need to create a new one.
I would go back to your original code and edit the one they already gave you at the bottom.

Hope that makes sense.

okay thank you. let me work on it

thank you so much. it worked, God bless you.

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