Link to Internal Sections of a Page with Anchor Elements (Need Help(

Tell us what’s happening:
I can’t understand what are the instructions and how to solve it… Please help !!!

Your code so far


<h2>CatPhotoApp</h2>
<main>
  
  <a href="http://freecatphotoapp.com" target="_blank">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>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/66.0.3359.45 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

Let’s review each user story (or objective).

  • There should be only one anchor tag on your page.
    _You should only have one anchor (link) tag on your page.
  • There should be only one footer tag on your page.
    You should only have one footer tag on your page. This includes the closing tag for your footer as well.
  • The a tag should have an href attribute set to “#footer”.
    In the href part of your anchor tag, change the text in quotes from href=“http://freecatphotoapp.com” to href="#footer"
  • The a tag should not have a target attribute
    Remove the target attribute from the a tag.
  • The a text should be “Jump to Bottom”.
    In your a tag, change the “cat photos” text to “Jump to Bottom”
  • The footer tag should have an id attribute set to “footer”.
    Add the attribute id=“footer”
1 Like

Thanks for the help… Maybe I’ve done all the things you’ve mentioned in that list… But I dont understand what does the last point mean… Dont know whether I’ve done it right or wrong but I’m not getting it…

You want your footer tag to be like the one below. You need to add the id attribute into the opening part of the footer tag. Let me know if that clears things up.

<footer id="footer">Copyright Cat Photo App</footer>
1 Like

Thanks… It did work !!!