Categories

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

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

Chris Diaz Март 13, 2020
Rating: 3.8. From 9 votes.
Please wait...

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

Эта запись была размещена в Работа с HTML и помечена как HTML, list, menu. Добавьте в закладки постоянную ссылку.

Submit a ticket

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

  • 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...