Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML Introduction to HTML and CSS (2016) HTML: The Structural Foundation of Web Pages and Applications Test: Creating an HTML Element

Posted by Lucia Shimwetheleni
Lucia Shimwetheleni
6,969 Points

anchor tag

how do i set the anchor tag to go back to the top of the page

index.html 
<!doctype>
<html>
  <head>
    <title>My trip to Spain</title>
  </head>
  <body>

    <img src="images/spain.jpg">
    <p>Here is a picture of me in Spain last summer!</p>
    <p>doctype!</p>
    <p> <a href="!#top>">Go back to the top of the page.</a></p>

  </body>
</html>

3 Answers

Ryan Groom
Ryan Groom
18,674 Points
Ryan Groom
Ryan Groom
18,674 Points

Lucia Shimwetheleni Hey Lucia, you're extremely close. Remove the "!" and you should have your solution. an <a href="#top">Go back to top of page</a> should work for you! Let me know if you have any trouble with it.

Bashar Ghadanfar
Bashar Ghadanfar
28,309 Points
Bashar Ghadanfar
Bashar Ghadanfar
28,309 Points

Hi Lucia Shimwetheleni

The top element should have the attribute id="top".

And your anchor element should have the attribute href="#top".

KAMRAN IMRANLI
KAMRAN IMRANLI
4,107 Points
KAMRAN IMRANLI
KAMRAN IMRANLI
4,107 Points

You just need to add this one to your anchor tag: href='#'