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

Mon A
Mon A
426 Points
Posted by 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
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