Simple navbar

Tags
Summary

Use a tags to make a simple navbar.

Situation

You want to make a navbar for the top of a page.

Action

A simple navbar is just a set of links:

  • <p>
  •     <a href="index.html">Home</a>
  •     <a href="menu.html">Menu</a>
  •     <a href="location.html">Location</a>
  • </p>

It's usually at the top of the page after some branding, followed by other page elements:

  • <body>
  •     <h1>Doggos</h1> Branding
  •     <p> Navbar
  •         <a href="index.html">Home</a>
  •         <a href="menu.html">Menu</a>
  •         <a href="location.html">Location</a>
  •     </p>
  •     <h1> Page title
  •         Welcome!
  •     </h1>
  •     <p> Content
  •         Doggos is your source for authentic doggo cuisine.
  •     </p>
  •     <p> Footer
  •         Copyright, 2026, Doggos.
  •     </p>
  • </body>
Where referenced