Урок 11 · HTML

Списки: маркированный, нумерованный и вложенный

Список — это не строки с дефисом. Браузер, поиск и программы чтения понимают только настоящие ul, ol и li.

Почему это следующий шаг

После блочных элементов логично собрать перечни: шаги, материалы, меню.

Как сделать

ul — перечень без порядка. ol — шаги, где порядок важен. Каждый пункт — отдельный li. Вложенный список клади внутрь li, а не между пунктами. Не используй список, чтобы сделать отступы у обычного текста.

<h2>Что взять на занятие</h2>
<ul>
  <li>Ноутбук</li>
  <li>Блокнот
    <ul><li>Ручка</li></ul>
  </li>
</ul>
<h2>Порядок запуска</h2>
<ol>
  <li>Сохранить файл</li>
  <li>Открыть в браузере</li>
</ol>

Что проверить

• У каждого пункта есть свой li.
• Шаги стоят в ol, а перечисление вещей — в ul.
• Вложенный список находится внутри пункта.