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

HTML-CSS
1

Tell us what’s happening:
it saying:- add an id attribute with a value of “footer” to the <footer> element at the bottom of the page.

  1. The a tag should have an href attribute set to “#footer”.
  2. The footer tag should have an id attribute set to “footer”.

and i think i did everything but don’t know what i miss?

Your code so far


<h2>CatPhotoApp</h2>
<main>

<a href="#http://freecatphotoapp.com">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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.132 Safari/537.36.

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

Link to the challenge:

1 Like
2

I am not sure what you want help with. Perhaps you could fill out the “Tell us what’s happening” information?

1 Like
3

try again :slightly_smiling_face:

1 Like
4

I’d look at the sample code for linking to an id

<a href="#contacts-header">Contacts</a>

and
I’d look at adding an id to an element

You didn’t link your a tag to the footer and your footer needs the id "footer".

6

I’m not sure what you mean. Your code is linking to http://freecatphotoapp.com instead of the footer.

7

can you show me your code because i don’t know what your telliing me and i also don’t know what i’m telling you :rofl: :rofl: :rofl: :rofl:

8

No, but I can help you with your code.

1 Like
9

ok so, tell me where i’m doing mistakes

10

Your a element links to http://freecatphotoapp.com instead of the footer.

Your footer element does not have an id.

11

<footer><a href="#http://freecatphotoapp.com">Jump to Bottom</a>Copyright Cat Photo App</footer> like this

12

Again, http://freecatphotoapp.com needs to be replaced with footer.

13

You need to set an ID for the footer, you also need to link your anchor tag with the ID of the footer. You still have your anchor tag referencing “freecatphotoapp dot com” so when the user clicks “Jump to Bottom” it’s actually taking them there… You also have a hashtag before the link, you don’t need this as you’re not referencing an ID you’re using a link. You would however use a “#” when referencing a ID.

The footer is the very bottom of the HTML document in the order in which it’s read by the browser.

14

did some modification <footer id ="http://freecatphotoapp.com"> Copyright Cat Photo App</footer>

15

The footer’s id should be "footer"…

1 Like
16

No, again, this is incorrect.
Your id is NOT that link, the ID of the footer should be footer.
and what you need to do after you’ve done this is set the anchor tag to reference the id of the footer so when the user clicks “Jump to bottom” it takes them to the footer which is at the bottom of the page…

as far as were concerned that link is no longer needed for that challenge and you can delete it entirely.

1 Like