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 How to Make a Website Creating HTML Content Create Navigation with Lists

How do I link these together?

Hi, Just wondering how I'm supposed to link these together?

index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Esi Tonga | Designer</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Esi Tonga</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="index.html">About</a></li>
          <li><a href="index.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <section>
      <p>Gallery will go here.</p>
    </section>
    <footer>
      <p>&copy; 2015 Esi Tonga.</p>
    </footer>
  </body>
</html>

2 Answers

The issue I see is inside your anchors you point them all to index.html:

 <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="index.html">About</a></li>
          <li><a href="index.html">Contact</a></li>
        </ul>
 </nav>

You will have links, but they will all just reload the home page. You need to change index.html for each of those to point to the proper file, probably portfolio.html, about.html, and contact.html.

Aaron Wuerch
Aaron Wuerch
7,024 Points

Hi Esi,

According to the challenge I believe you have linked the navigation correctly.

Josh Thackeray
Josh Thackeray
9,895 Points

This is how it should look after:

 <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
 </nav>

This will search for those HTML files, relative to the current file.