I am having a problem with Linking to Internal Sections of a Page with Anchor Elements

HTML-CSS
1

Hello all,

i am new to this and new to learning HTML. I have begun the section in the curriculum which asks me to create a code for adding a footer into the page we are working on.

I have used the code <a href="#footer">Jump to bottom</a>

which seems to be working fine. but now i have to add my ID attribute to the bottom of the page.

I am using the code <h2 id="footer">Jump to bottom</h2>

this however doesnt seem to work and it is now saying i shouldnt have two footer tags in my page and i need to add an ID attribute to the footer.

Can someone please help me. I am so confused.

2

The anchor references an element with the id you’ve used. But it’s not asking you to add that id to the h2 element, it’s asking you to add it to the footer element.

3

reset the code then find the line that starts with ‘<footer’ and add the id there.
Fix the href back to point to it (minus a target) and make sure you followed all instructions.

4

Sometimes I found the instructions a little misleading and exact syntax is important to get the tests to pass spaces matter at times. I think you were on the right track Here is what I did:

<h2>CatPhotoApp</h2>
<main>
  
  <!-- original code <a href="http://freecatphotoapp.com" target="_blank">cat photos</a> -->
   <a href="#footer">Jump to Bottom</a>


</main>
  
<!-- original code that is to be changed <footer>Copyright Cat Photo App</footer> -->
<footer id="footer">Copyright Cat Photo App</footer>