HTML HTML Basics Going Further with HTML Links and Paths Challenge

Ruud Heessels
Ruud Heessels
938 Points

How can I Set the "Portfolio" link to navigate to the section of the page with the id portfolio?

I've tried "/portfolio" "../portfolio" "../.." etc. How do I find out the right path?

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">Portfolio</a></li>                
    </ul>
    <h1 id="portfolio">My Portfolio</h1>
  </body>
</html>

2 Answers

Shay Paustovsky
Shay Paustovsky
290 Points

Hi Ruud,

To navigate to a pages "landmark" that you have set up using the (id) attribute, Simply include a hash (#) symbol before the value of the (id) attribute as if you were selecting it with css.

<a href=#portfolio>My Portfolio</a>

Hopefully this solves your problem.

Best of Luck,

:smiley: Shay :smiley:

Ruud Heessels
Ruud Heessels
938 Points

Thanks for the solution :)