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 HTML Basics Going Further with HTML Links and Paths Challenge

Posted by Privilege Nyaruwanga
Privilege Nyaruwanga
7,391 Points

set a link to a root-relative path

set an image link to a root-relative path to navigate index.html

index.html 
<!DOCTYPE html> 
<html>
  <head>
    <title>Portfolio Page</title>
  </head>
  <body>
    <img src="../img/logo.png" alt="Site logo">
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="">Portfolio</a></li>                
    </ul>
    <h1 id="portfolio">My Portfolio</h1>
  </body>
</html>
Oliver Hoad
Oliver Hoad
23,622 Points
Oliver Hoad
Oliver Hoad
23,622 Points

Guil explains what a root-relative path is here https://teamtreehouse.com/library/rootrelative-paths at around 00:53

That is the solution. if you need any more help, please ask.

1 Answer

Steven Parker
Steven Parker
229,744 Points
Steven Parker
Steven Parker
229,744 Points

A "root-relative" path is one that starts with a slash, which represents the "root" of the file system.

Here's some examples:

      <a href="plain.html">A plain path</a>
      <a href="/root.html">A root-relative path</a>