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

Posted by Esi Tonga
Esi Tonga
Courses Plus Student 152 Points

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

Ted Sumner
PLUS
Ted Sumner
Courses Plus Student 17,967 Points
Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

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
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
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.