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 Hannah Blair
Hannah Blair
8,843 Points

I need to create a list element with the word portfolio inside. I wrote <li>portfolio</li> why is that incorrect?

full question: Inside the navigation element, create three list items with the words, "portfolio", "about", and "contact". Don;t add links yet. When I check my work it says to check that I included the word portfolio. For portfolio I wrote <li>portfolio</li>

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

5 Answers

Timothy Blubaugh
Timothy Blubaugh
9,522 Points
Timothy Blubaugh
Timothy Blubaugh
9,522 Points

Here is what I did. I think how you captalize things is important too. Hope this helps!

<!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>
Hannah Blair
Hannah Blair
8,843 Points

Thanks!

Tomas Pavlik
Tomas Pavlik
26,726 Points
Tomas Pavlik
Tomas Pavlik
26,726 Points

Hi Hannah, in this step, remove the a tags inside li elements. Also, but this may not be necessary, all the words in the nav menu should start with capital letter. Hope this helps :-)

Rob Brink
Rob Brink
7,148 Points
Rob Brink
Rob Brink
7,148 Points

It says to not add links to the list items yet. So if you remove the links from <li>About</li> and <li>Contact</li> you should be good.

Mark Miller
Mark Miller
45,831 Points
Mark Miller
Mark Miller
45,831 Points

It has been said already, but I'll confirm to you that capitalization counts, and you also should remove those anchor tags. You will pass it when it is exactly as the instructions say, like this, <li>Portfolio</li> plus the other two items.

Mike Schaming
Mike Schaming
13,925 Points
Mike Schaming
Mike Schaming
13,925 Points

also- check the spelling for "contact"- best of luck!

Hannah Blair
Hannah Blair
8,843 Points

Thanks!