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

Posted by Mike O
Mike O
11,820 Points

I think there's an error here.

I can't progress. It's asking me to link to the part of the page that has the portfolio id from the portfolio link. I'm entering href="/#portfolio"

Please help!

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>

4 Answers

Sean M
Sean M
7,344 Points
Sean M
Sean M
7,344 Points

The forward slash is not required.

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer
Jamie Reardon
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

Hi there, you're almost there, just remove the forward slash before the hash sign in the href:

<!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>
William Smith
William Smith
11,636 Points
William Smith
William Smith
11,636 Points

The anchor tag should have an href attribute of "#portfolio". You do not need the forward slash. Should look like this:

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

Mike O
Mike O
11,820 Points
Mike O
Mike O
11,820 Points

Got it, thanks everyone!