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

JJ T
JJ T
6,276 Points
Posted by JJ T
JJ T
6,276 Points

Set the "Home" link to a root-relative path that navigates to index.html.

I just don't get this :(

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>

4 Answers

Joseph Grant
.a{fill-rule:evenodd;}techdegree seal-36
Joseph Grant
Front End Web Development Techdegree Graduate 16,830 Points

You'll have the replace the hash (#) symbol with the path to index.html. This is so that when you click 'Home', it takes you to the index.html location.

    <ul>
      <li><a href="/index.html">Home</a></li>
      <li><a href="">Portfolio</a></li>                
    </ul>
Thayer Y
Thayer Y
29,789 Points
Thayer Y
Thayer Y
29,789 Points 
<!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>
olzhas
olzhas
1,542 Points

<li><a href="/index.html">Home</a></li>

Tom Nguyen
Tom Nguyen
33,500 Points
Tom Nguyen
Tom Nguyen
33,500 Points

solution:

index.html 
<!DOCTYPE html> 
<html>
  <head>
    <title>Portfolio Page</title>
  </head>
  <body>
    <img src="../img/logo.png" alt="Site logo">
    <ul>
      <li><a href="/index.html">Home</a></li>
      <li><a href="#portfolio">Portfolio</a></li>                
    </ul>
    <h1 id="portfolio">My Portfolio</h1>
  </body>
</html>
Joseph G Jean Baptiste
Joseph G Jean Baptiste
1,132 Points
Joseph G Jean Baptiste
Joseph G Jean Baptiste
1,132 Points

<li><a href="/index.html">Home</a></li>