HTML HTML Basics Going Further with HTML Links and Paths Challenge

Christy Burris
PRO
Christy Burris
Pro Student 704 Points

Set the "Portfolio" link to navigate to the section of the page with the id portfolio. (I'm not understanding my error)

I'm typing the answer to this question as: <li><a href="/#portfolio"></a></li>

Any advice as to why this code is not working properly?

article.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">Portfolio</a></li>                
    </ul>
    <h1 id="portfolio">My Portfolio</h1>
  </body>
</html>
bill curry
bill curry
Front End Web Development Techdegree Student 5,250 Points

Hi,

try it without the /. You shouldn't need it for anchor id tags

<li><a href="#portfolio">Portfolio</a></li>

3 Answers

Steven Parker
Steven Parker
90,960 Points

You want your reference to be relative to the current document, not the root. So don't prefix it with a slash ("/").

Christy Burris
PRO
Christy Burris
Pro Student 704 Points

Ah, I see. I thought I had to add the / to link it back to index.html. Removing the / worked, thank you both so much!

Steven Parker
Steven Parker
90,960 Points

Christy Burris — Glad to help. You can mark the question solved by choosing a "best answer".
And happy coding!