Im stuck here, please somebody help me

HTML-CSS
1

i don’t understand what it means by The a tag should have an href attribute set to “#footer”.

Your code so far


<h2>CatPhotoApp</h2>
<main>

<a href=#footer="https://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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36.

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

Link to the challenge:

2

The first step in the instructions say:

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".

There is only one link in this HTML so that is the one you will change. Currently the href attribute is set to the URL for the freecatphotapp. The instructions are asking you to change it to something else (an internal link to be specific). That something else is given to you in the instructions. I think you can make this change. And then don’t forget to change the link text (the text between the <a> and </a>) as well.

1 Like
3

<a #footer=“http://freecatphotoapp.com”> Jump to bottom

like this?

4

Not quite. When the instruction say “change the ‘href’ attribute to…” they don’t mean to literally change ‘href’ to something else, they mean to change the value that the ‘href’ value is set to. So if you have

href="hello"

and someone says to change the href attribute to “goodbye” then they mean 'set the value that the href attribute currently equals to “goodbye”, in other words:

href="goodbye"

1 Like
5

AHHHHH! worked! thank you so much:)

1 Like
6

When we talk about setting attributes on an html element, it will follow this pattern

<elementName attributeName="value"></elementName>

If I said “Set the value of the elephant attribute on the p tag to pink” you would do

<p elephant="pink">Pink elephants on parade!</p>
7

You can click on a little “check mark” found under the comment that you think is the solution to the problem you did have, so the topic is considered solved.