×

Create Vertical Menu [1/28]

In this course, we will create menus of different kinds, moving step-by-step. We'll start with elementary vertical and horizontal menus and proceed to more sophisticated menus with drop-down submenus.

To create a menu, the first thing to do is to create the HTML markup. A menu is nothing but a list of links to webpages, so it is naturally marked up using lists.

In this part of the course, we are going to create a typical menu of a corporate website. Let's create a list first.

Please review:
Unordered List

Do it
HTML
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Create Vertical Menu</title> </head> <body> About us Services Team Contacts </body> </html>
CSS
body { padding: 10px; font-family: "Arial", sans-serif; font-size: 14px; line-height: 1.4; }
HTML Academy

Create an unordered list of four items listed in HTML Editor:

  1. "About us",
  2. "Services"
  3. "Team",
  4. "Contacts".
Theory Check Next