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

I need some help with this :)

I can't think of what todo

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

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

  </body>
</html>

1 Answer

Ethan Newell Hey Ethan, so with anchor tags you can link and scroll to sections within the current page if you have elements on your page with id attributes. The way you link the anchor tags to these sections is by setting the ID on the element you want to scroll to, for example:

<p id="scrollToMe">Hello<p>

Once you have set the ID on the element you want to scroll to, you set the anchor tags href to reference that ID like so:

<a href="#scrollToMe">Click Me To Scroll To Section</a>

However, in this specific instance, HTML has a built in ID for scrolling to the top of the page. So because of that, you don't have to put an element with a specified ID at the top, you can simply have your anchor tag reference "top" as follows:

 <a href="#top">Click Me to Scroll To Top</a>

Hope this helps!

thank you Ryan Groom :)