Footer tag - id attribute

Footer tag - id attribute
0.0 0

#1

Tell us what’s happening:

I’m having a hard time figuring out what this is asking me to do. I’m not even sure what to ask because I’ve never coded before. Any tip would be amazing

// running test
The footer tag should have an id attribute set to “footer”.

Your code so far


<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>
  Contacts

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements


#2

I guess one thing I’m completely unclear on is what an ID attribute means


#3

The original starting code had the following at the bottom:

<footer>Copyright Cat Photo App</footer>

The above line is the footer element. When you need to add an attribute to an element, it goes in the opening tag of the element. In this case, the opening tag is <footer>. The example in the challenge shows you exactly how to add an id attribute to an h2 element. You just need to do something similar for the footer element.


#4

a couple of things to help you with FCC challenges.

1- as you are a beginner, you can safely assume that every question you have has been asked before by someone, and answered before by someone, so a quick search (using the magnifying glass icon which is near the top right corner of the forum) using the keywords from the current challenge title you are stuck on will help you find answers.
2. to answer your current question, please understand that:

  • a ‘tag’ is anything that is inside the angled brackets. For eg. if I said, write me an img tag, then you would write:
    <img ...>' Or write me a main tag, then you would write <main>. So for this challenge you are asked to change the ‘footer’ tag, so find something called footer inside an angled bracket like this <footer

  • an attribute is a characteristic or a description that is added to a tag. So if I write <img src="mysrc" alt="mytext"> then the word ‘img’ is a tag, but the words ‘src’ and ‘alt’ are attributes. Therefore to add an id attribute to a footer tag you need something that starts with <footer and has the text ‘id=’ somewhere inside the angled brackets (assigned to the expected value).

I hope this is an adequate explanation. You can also search for answers to questions about html/css/javascript online (via google for eg). Although this forum is pretty good too…

hope this helped.


#5

Thanks so much for the advice, I was smashing my head against the screen trying different id’s finally got it. Your response elucidated a lot, thank you!


#6

Thanks man, you helped me narrow down what I needed to be looking at and there-after being able to investigate further into the right direction.