HTML. Как создать меню

Эта инструкция демонстрирует, как создать меню в HTML. Обычно для этого используют ненумерованный список. Вы можете использовать тэги div, span, p или другие, но именно ненумерованный список дает наибольшие возможности для персонализации меню.

Для начала откройте ваш HTML файл в редакторе.

Ненумерованый список создается с помощью тэга

tags. Откройте его и закройте:
?

1

<ul></ul>

Теперь добавьте в список элементы. Каждая кнопка меню будет соответствовать элементу списка.

Давайте создадим 5 пунктов меню:

?

1 2 3 4 5 6 7

<ul>     <li class="first">Home</li>     <li>About</li>     <li>Services</li>     <li>Partners</li>     <li class="last">Contacts</li> </ul>

Теперь нужно добавить ссылки для кнопок меню. Они создаются с помощью тэга .

?

1 2 3 4 5 6 7

<a></a><ul><a>     </a><li><a></a><a href="#">Home</a></li>     <li><a href="#">About</a></li>     <li><a href="#">Services</a></li>     <li><a href="#">Partners</a></li>     <li class="last"><a href="#">Contacts</a></li> </ul>

Каждый тэг имеет параметр href. Он определяет URL или файл на который ссылается кнопка меню. Замените символ # на необходимое значение.