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

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

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

Ненумерованый список создается с помощью тэга <ul> tags. Откройте его и закройте:

<ul></ul>

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

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

<ul>
	<li>Home</li>
	<li>About</li>
	<li>Services</li>
	<li>Partners</li>
	<li>Contacts</li>
</ul>

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

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

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