← CodePrimer
HTML
Beginner
Layout
Semantic navigation bar
How do I mark up a site nav?
nav + list of links.
<header>
<nav aria-label="Primary">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/courses">Courses</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
</header>Notes
Lists inside nav help assistive tech announce structure.
Keywords: nav · navigation · menu · semantic
Related
HTML
HTML headings h1–h6
How do I create page headings?
HTML
Paragraphs and line breaks
How do I break text into paragraphs?
CSS
CSS box model
Why is my element wider than expected?
HTML
Hyperlinks with href
How do I make a clickable link?
CSS
Margin vs padding
What is the difference between margin and padding?
HTML
Ordered and unordered lists
How do I make bullet or numbered lists?