HTML HTML Basics Going Further with HTML Links and Paths Challenge

Christy Burris
PRO
Christy Burris
Pro Student 1,319 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 7,723 Points

Hi,

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

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

2 Answers

Steven Parker
Steven Parker
98,028 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 1,319 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!