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

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 :)