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 Shorai Chawango
Shorai Chawango
419 Points

navigation

when adding navigation in coding what values are added

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li>Portifolio</li>
          </ul>
      </nav>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

1 Answer

Brandon Keene
Brandon Keene
7,217 Points
Brandon Keene
Brandon Keene
7,217 Points

Shorai Chawango

I'm not clear which part of the challenge you're working on, but you're definitely on the right path! For the first part of that challenge you just need to add a nav element inside the header, and a ul element inside the nav. You've already got that down! The second stage asks you to add three list elements to your unordered list. You're already one third of the way there! It should look like this:

  <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
       <nav>
         <ul>
           <li>Portfolio</li>
           <li>About</li>
           <li>Contact</li>
         </ul>
      </nav>
    </header>

And the third stage just wants you to wrap each of those items in an anchor tag, like so:

<a href="index.html"><li>Portfolio</li></a>