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 louis diene
louis diene
231 Points

How to add list items?

I am having trouble with this assignment on HTML the question is Inside the navigation element, create three list items with the words, “Portfolio”, “About”, and “Contact”. Don’t add links yet." I seem to do everything right but can't seem to pass the test can anybody help me and advise me on what Is not right on my code. Thank you.

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></ul>
        <li>Portfolio</li>
        <li>About</li>
        <li>Contact</li>
      </nav>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

3 Answers

Maciej Torbus
Maciej Torbus
8,137 Points
Maciej Torbus
Maciej Torbus
8,137 Points

Hey Louis,

take a look at example unordered list

 <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
</ul>

Notice how list items are nested inside unordered list tag. If you got any extra questions feel free to ask

Good luck!

Ramzy Rashaun Arief
Ramzy Rashaun Arief
3,922 Points
Ramzy Rashaun Arief
Ramzy Rashaun Arief
3,922 Points

the <li></li> should be between the <ul></ul>

louis diene
louis diene
231 Points
louis diene
louis diene
231 Points

Thanks you guys that was really helpful, I was able to fix my code and move on to the next step.