HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-02-26
1 <p>Для создания горизонтального меню в HTML можно использовать тег &lt;nav&gt; и набор связанных с ним тегов &lt;ul&gt; и &lt;li&gt;.</p>
1 <p>Для создания горизонтального меню в HTML можно использовать тег &lt;nav&gt; и набор связанных с ним тегов &lt;ul&gt; и &lt;li&gt;.</p>
2 <p>Пример кода для горизонтального меню:</p>
2 <p>Пример кода для горизонтального меню:</p>
3 &lt;nav&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;Главная&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;О нас&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Услуги&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Контакты&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt;<p>Здесь создается навигационное меню с четырьмя пунктами: "Главная", "О нас", "Услуги" и "Контакты".</p>
3 &lt;nav&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;Главная&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;О нас&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Услуги&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Контакты&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt;<p>Здесь создается навигационное меню с четырьмя пунктами: "Главная", "О нас", "Услуги" и "Контакты".</p>
4 <p>Стилизацию меню можно проводить с помощью CSS. Например, чтобы расположить пункты меню в одной строке, можно задать для тега &lt;ul&gt; свойство display: flex;:</p>
4 <p>Стилизацию меню можно проводить с помощью CSS. Например, чтобы расположить пункты меню в одной строке, можно задать для тега &lt;ul&gt; свойство 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>Здесь также заданы стили для элементов списка &lt;li&gt; и ссылок &lt;a&gt;.</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>Здесь также заданы стили для элементов списка &lt;li&gt; и ссылок &lt;a&gt;.</p>