HTML bootcamp · Lab 09

Navigation bar

easyNavigation10 minLesson: Layout

Read the question, write HTML on the right, then Preview or Check.

QuestionHint and solution stay closed until you open them

Build a <nav> containing three links: Home (index.html), Menu (menu.html), and Contact (contact.html).

Grouping the links in a <nav> tells screen readers "this is the site navigation".

Output. A nav with three anchor links.

Examples

Example 1
Expected
<nav> with 3 links: Home, Menu, Contact
Hint
  1. Put the three <a> tags inside one <nav>.
  2. Each link needs an href, e.g. <a href="menu.html">Menu</a>.
Show correct code

Peek only after you have tried. You can still Check your own version.

<nav>
  <a href="index.html">Home</a>
  <a href="menu.html">Menu</a>
  <a href="contact.html">Contact</a>
</nav>
index.htmlLive preview · Check reads the DOM
ResultIdle
Run to see output. Check grades the tests.