HTML <nav> Tag Tutorial

The <nav> tag in HTML is used to define the navigation links for a website. It represents the section of a document that contains navigation links, such as menus, tables of contents, and indexes.

Here is an example of how the <nav> tag can be used:

<nav>
  <a href="home.html">Home</a>
  <a href="about.html">About</a>
  <a href="services.html">Services</a>
  <a href="contact.html">Contact</a>
</nav>

<nav> Tag Attributes

Attribute	Description
id	Specifies a unique id for the <nav> element
class	Specifies one or more class names for the <nav> element
style	Specifies an inline CSS style for the <nav> element
role	Specifies the role of the <nav> element

Example using the id attribute:

<nav id="main-navigation">
  <a href="home.html">Home</a>
  <a href="about.html">About</a>
  <a href="services.html">Services</a>
  <a href="contact.html">Contact</a>
</nav>

Example using the class attribute:

<nav class="top-menu">
  <a href="home.html">Home</a>
  <a href="about.html">About</a>
  <a href="services.html">Services</a>
  <a href="contact.html">Contact</a>
</nav>