HTML HTML Basics Going Further with HTML Links and Paths Challenge

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

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
168,506 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>