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 Benjamin Jones
Benjamin Jones
411 Points

I am taking the challenge and have checked my work several times but get an error to list portfolio

I have it listed <li>portfolio</li> nested under <ul> nested under <nav> and passed step one

Benjamin Jones
Benjamin Jones
411 Points

Well, I was not capitalizing the words and when I did the code passed

Benjamin Jones
Benjamin Jones
411 Points

thanks

2 Answers

nvcxnvkldsjaklfds
PLUS
nvcxnvkldsjaklfds
Courses Plus Student 5,041 Points
nvcxnvkldsjaklfds
nvcxnvkldsjaklfds
Courses Plus Student 5,041 Points

For the challenge 1, You should add following codes inside header element after anchor element. 

 <nav>
          <ul>

        </ul>
      </nav>

For the challenge 2, you should add list items inside <ul> elements

<li>Portfolio</li>
            <li>About</li>
            <li>Contact</li>

For challenge 3, you should add anchor element to all list items and linking them to appropriate pages. 

<li><a href ="index.html">Portfolio</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="contact.html">Contact</a></li>

Final result will be 

<!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><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>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Benjamin Jones
Benjamin Jones
411 Points
Benjamin Jones
Benjamin Jones
411 Points

Thanks