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

Mon A
Mon A
426 Points

Set the anchor tag so that it points to the top of the page. (Hint: you'll need the href attribute.)

e

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

    < a href="#top" alt="A picture of me in Spain" src="images/spain.jpg">
    <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

Jon Myzzle
Jon Myzzle
6,279 Points

Hey there Mon,

So in order to achieve this, you'll want to attach an id="top" to an element somewhere at the top of the page! Typically a logo, or maybe a header, or even a nav bar. From there, inside of the link you'll want to type the following:

<a href="#top" alt="Your text" src="your image">

What this does is say, "Hey you anchor tag! I want you to take me to the id named 'top'. Can you do that??" to which the anchor says, "Sure that ID is located here! poof" and takes you to that id's location! This can be applied to multiple scenarios such as using a side nav bar to point to specific locations on a page, like maybe an article thats in the middle of the page, or a photo that's somewhere at the bottom!

Hope this helps out!!

Cheers! :beers:

-Jon