0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>Для создания горизонтального меню в HTML можно использовать тег <nav> и набор связанных с ним тегов <ul> и <li>.</p>
1
<p>Для создания горизонтального меню в HTML можно использовать тег <nav> и набор связанных с ним тегов <ul> и <li>.</p>
2
<p>Пример кода для горизонтального меню:</p>
2
<p>Пример кода для горизонтального меню:</p>
3
<nav> <ul> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Контакты</a></li> </ul> </nav><p>Здесь создается навигационное меню с четырьмя пунктами: "Главная", "О нас", "Услуги" и "Контакты".</p>
3
<nav> <ul> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Контакты</a></li> </ul> </nav><p>Здесь создается навигационное меню с четырьмя пунктами: "Главная", "О нас", "Услуги" и "Контакты".</p>
4
<p>Стилизацию меню можно проводить с помощью CSS. Например, чтобы расположить пункты меню в одной строке, можно задать для тега <ul> свойство display: flex;:</p>
4
<p>Стилизацию меню можно проводить с помощью CSS. Например, чтобы расположить пункты меню в одной строке, можно задать для тега <ul> свойство display: flex;:</p>
5
nav ul { display: flex; list-style: none; margin: 0; padding: 0; } nav li { margin-right: 20px; } nav a { color: #000; text-decoration: none; }<p>Здесь также заданы стили для элементов списка <li> и ссылок <a>.</p>
5
nav ul { display: flex; list-style: none; margin: 0; padding: 0; } nav li { margin-right: 20px; } nav a { color: #000; text-decoration: none; }<p>Здесь также заданы стили для элементов списка <li> и ссылок <a>.</p>