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

Posted by jamie paterson
.a{fill-rule:evenodd;}techdegree
jamie paterson
Front End Web Development Techdegree Student 155 Points

task 3

set the anchortag so that it points to the top of the page

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

    <img 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

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

Hi Jamie.

Having not taken this course I'm not sure what precisely the challenge is after.

It might be that you simply need to provide a # character as a value for the href attribute. So that's where you'd normally provide a relative path for a document to link to. 

<a href="#">go back to the top of the page</a>

However in this case, all you're doing is calling the same document again right at the top.

Another method is to provide an #id attribute to the root element of the document. i.e. that is HTML or BODY.

<!doctype>
<html>
  <head>
    <title>My trip to Spain</title>
  </head>
  <body id = "top">

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

  </body>
</html>

and then calling it by it's ID in the href o name attribute.