HTML HTML Basics Going Further with HTML Links and Paths Challenge

Christy Burris
PRO
Christy Burris
Pro Student 3,099 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>

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
143,271 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 3,099 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!