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 Ayush mishra
Ayush mishra
117 Points

how to add nav in HTML5

i dont no where to add nav and how to use nav tag and why nav tag is used

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <nav></nav>
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

Ian Hazelton
Ian Hazelton
6,187 Points
Ian Hazelton
Ian Hazelton
6,187 Points

'''<html> <head> <meta charset="utf-8"> <title>Nick Pettit</title> </head> <body> <header> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <body> <h1>Nick Pettit</h1> <h2>Designer</h2> <section></section> <footer> <p>© 2013 Nick Pettit.</p> </footer> </body> </html>'''

You use the nav tag so you can target it in with specificity in the css. Hope that helped.

Rich Bagley
Rich Bagley
25,869 Points
Rich Bagley
Rich Bagley
25,869 Points

Hi,

Looking at the question, it requires you to:

Create a navigation element with an unordered list element after the link inside the header. Don’t add any list items or links just yet.

You look to be on the right track but currently have your nav element within the link rather than after it:

<header>
      <a href="index.html">
        <nav></nav>
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
    </header>

You also look to be missing the unordered list element it asks for. Try this:

    <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul></ul>
      </nav>
    </header>

Hope that helps.

-Rich