Skip to content

Help us create more tutorials! Make a donation using the Donate button or become a member using the button below to hide this banner and track your progress.

nav element – HTML



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


The nav element is used to wrap around navigation links, like in the example above.

A common use for the nav element is the navigation menu at the top of a web page. Another use case could be a table of contents for a long blog post.

A web page can have more than one nav element.


Recreate the embedded CodePen demo by typing out the HTML code in your index.html file.


The Navigation Section element on MDN

Lesson tags: Open Lesson
Back to: HTML Course > HTML Body Elements