HTML первые шаги - урок 9 - Создание меню

Основным элементом сайта является меню (навигация). Через него происходит перемещение по страницам сайта. Также меню важно для индексации сайта поисковиками, без связи между страницами поисковик не сможет пройти по всем страницам. Давайте посмотрим из чего состоит меню.

Для меню обычно используюет ненумерованный список (теги ul, li), таким образом каждый пункт меню это элемент списка:

...
<ul>
  <li></li>
  <li></li>
<ul>
...

Внутри тега li обычно вставляют ссылки на страницы:

...
<ul>
  <li>
    <a href="page1.html">Первая страница</a>
  </li>
  <li>
    <a href="page2.html">Вторая страница</a>
  </li>
<ul>
...

Также довольно часто задают классы и id для меню и его пунктов:

...
<ul id="menu-1" class="menu">
  <li class="item-1">
    <a href="page1.html">Первая страница</a>
  </li>
  <li class="item-2">
    <a href="page2.html">Вторая страница</a>
  </li>
<ul>
...

Заметьте также, что страницы на которые осуществляется переход (page1.html, page2.html) должны существовать иначе браузер не поймет, куда вы хотите его послать.