Урок 5. Списки: маркированные и нумерованные
Списки — самый быстрый способ превратить кашу из текста в понятную страницу.
Списков в HTML два вида, и они устроены одинаково: есть тег-обёртка и теги-пункты.
Маркированный список — ul
Когда порядок не важен: любимые игры, список покупок, что взять в поход.
<ul>
<li>Майнкрафт</li>
<li>Роблокс</li>
<li>Шахматы</li>
</ul>Нумерованный список — ol
Когда порядок важен: рецепт, инструкция, шаги решения задачи. Цифры браузер расставит сам — вручную их писать не надо.
<ol>
<li>Достать муку</li>
<li>Разбить яйцо</li>
<li>Перемешать</li>
</ol>Пункт списка называется <li> — от list item. Важно: <li> может жить только внутри <ul> или <ol>. Пункт списка сам по себе, без списка, — это как строчка из песни без песни.
<li> можно положить что угодно: ссылку, картинку и даже ещё один список. Так получаются вложенные списки — например, меню сайта.Твой прогресс
Опыт и значки хранятся прямо в этом браузере — ни имени, ни почты для этого не нужно. Все треки и значки →
Частые вопросы
Чем ul отличается от ol в HTML?
ul — маркированный список, пункты помечаются точками, порядок не важен. ol — нумерованный, браузер сам расставляет цифры, порядок важен. Пункты в обоих случаях — теги li.
Нужно ли писать цифры внутри ol вручную?
Нет. Браузер нумерует пункты сам, и это удобно: если поменять пункты местами или вставить новый в середину, нумерация пересчитается автоматически.