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 Daniel Alarcon
.a{fill-rule:evenodd;}techdegree
Daniel Alarcon
Front End Web Development Techdegree Student 270 Points

Im having trouble with this task <nav> portfolio about contact <ul>

<nav> portfolio about contact <ul>

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>
          portfolio
          about
          contact
          <ul>
    </header>
      <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

dbrink dbrink
dbrink dbrink
6,258 Points
dbrink dbrink
dbrink dbrink
6,258 Points

It looks like you're on part two of the challenge. You're part of the way there, but you'll need to:

Add a closing nav tag, move your opening ul tag just under your nav tag (and make sure to add a closing ul as well), and finally, you'll need to add an opening and closing list tag to each list item.

This should be the result:

<nav>
  <ul>
    <li>Portfolio</li>
    <li>About</li>
    <li>Contact</li>
  </ul>
</nav>

And combined together, it'll look like this:

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

You need to add a few more tags. You need to close your <nav> with </nav> Nested inside your <nav> tags, you need to add <ul></ul> Then nested inside of the <ul> tags, you'll need <li></li> tags wrapping each word: Portfolio, About and Contact.

If you need to see an example, you can always google. Here is one link that I found: http://www.w3schools.com/tags/tag_ul.asp