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 bantayehu lullessa
bantayehu lullessa
420 Points

how can I add Inside the navigation element, three list items with the words, “Portfolio”, “About”, and “Contact”

I am beginner for web developing. my problem is adding those list under navigation.

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Bantayehu Lullessa</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Banatyehu Lullessa</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; 2015 Bantayehu Lullessa.</p>
    </footer>
  </body>
</html>
erika harvey
erika harvey
Courses Plus Student 14,540 Points

in your contact list link you have an extra greater than symbol after your written "contact. <li><a href="contact.html">contact>....</a></li>

Robert Richey
Robert Richey
Courses Plus Student 16,352 Points

Hi bantayehu,

Were you able to solve this issue? If not, I'll be happy to help.

1 Answer

David Yrigoyen
David Yrigoyen
34,679 Points
David Yrigoyen
David Yrigoyen
34,679 Points

It should look like this:

<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>