Encodera

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.

Справочник HTML & CSS

<ul>

Маркированный список: пункты, порядок которых не важен.

Синтаксис

<ul>
  <li>Item</li>
</ul>

Примеры

Список покупок:

<ul>
  <li>Milk</li>
  <li>Bread</li>
  <li>Coffee beans</li>
</ul>

Список без маркеров — для меню:

<style>
  .menu { list-style: none; padding: 0; display: flex; gap: 16px; }
</style>
 
<ul class="menu">
  <li><a href="#">Home</a></li>
  <li><a href="#">Contacts</a></li>
</ul>

Примечания

Прямо внутри <ul> могут быть только пункты <li>; текст и другие теги размещают внутри пункта. Вид маркеров меняют CSS-свойством list-style, а отступ слева — через padding.

См. также

  • <ol> — Нумерованный список: пункты, порядок которых важен.
  • <li> — Пункт списка `<ul>`, `<ol>` или `<menu>`.
  • <menu> — Список команд — например, панель кнопок; ведёт себя как `<ul>`.
  • <nav> — Блок основной навигации: меню сайта, оглавление, хлебные крошки.

Вопросы и ответы по теме

В учебнике

  • Списки — Маркированные и нумерованные списки, настройка нумерации, вложенные списки и списки определений в HTML.

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.