Categories

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

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

Chris Diaz Март 13, 2020
Rating: 3.7/5. From 20 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 часов