Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML Introduction to HTML and CSS 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,645 Points
Ryan Groom
Ryan Groom
18,645 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='#'