Menu, Please!

Chapter 6

Another popular part of websites is menu. Basically, it's a list of items which are often just simple links pointing to other places on the site. Let's implement it! We will start with the following HTML code:

<!DOCTYPE html>
<html lang="en">
      <meta charset="utf-8">
      <link rel="stylesheet" href="main.css" media="screen">
          <a href="index.html">Home</a>
          <a href="training.html">Training</a>
          <a href="conferences.html">Conferences</a>
          <a href="about.html">About us</a>

Our menu will consist of four items:

We want it to look something like this:

You might notice that under the tag, we've added the new tags <nav>, <ul>, and <li>.

<nav> is used for specifying all kinds of navigation functions on websites that contain links to internal or external information. So putting <nav> into the code says "everything inside