Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

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 или файл на который ссылается кнопка меню. Замените символ # на необходимое значение.

  • Tim

    What if you want the same menu on every page? Do you have to paste this menu HTML into every page?

    Rating: 5.0. From 1 vote.
    Please wait...
    • Аноним

      Yes, thats correct. You need to paste the same code into each HTML page.

      Rating: 5.0. From 1 vote.
      Please wait...
 
Чат
We help you to choose the right product.
Начать чат