Элемент <ol>

Элемент <ol> (от англ. ordered list — упорядоченный список) представляет собой упорядоченный список, т. е. такой список, где порядок следования пунктов списка важен. По умолчанию браузеры предваряют каждый элемент списка маркером, который представляет собой порядковый номер, поэтому упорядоченный список иначе ещё называют нумерованным.

Каждый пункт списка определяется дочерним элементом <li>.

По умолчанию нумерация пунктов списка начинается с единицы, а каждый следующий пункт получает номер на единицу больше предыдущего.

Категории	Потоковое содержимое, и если элемент `<ol>` содержит хотя бы один дочерний элемент `<li>`: явное содержимое.
Синтаксис	`<ol>...</ol>`
Опускание тегов	Начальный и конечный теги обязательны.
Модель содержимого	Ноль или больше элементов `<li>` и элементы, поддерживающие скрипты.

Атрибуты

Атрибут	Значение	Описание
reversed	reversed	Указывает, что пункты в списке будут пронумерованы в обратном порядке.
start	целое_число	Устанавливает начальное значение, с которого будет начинаться нумерация элементов в нумерованном списке.
type	1 A a I i	Позволяет указать тип маркера, который будет использоваться в упорядоченном (нумерованном) списке.

Для элемента <ol> так же доступны глобальные атрибуты и события.

Стиль по умолчанию

Ниже показан стиль по умолчанию для элемента <ol>, определённый в спецификации HTML:

ol {
  display: block;
  margin-block: 1em;
  padding-inline-start: 40px;
  counter-reset: list-item;
  list-style-type: decimal;
}

:is(dir, dl, menu, ol, ul) ol {
  margin-block: 0;
}

Пример

<ol>
  <li>Кофе</li>
  <li>Чай</li>
  <li>Молоко</li>
</ol>

<ol type="i">
  <li>Кофе</li>
  <li>Чай</li>
  <li>Молоко</li>
</ol>

<ol start="6">
  <li>Кофе</li>
  <li>Чай</li>
  <li>Молоко</li>
</ol>

Результат

Кофе
Чай
Молоко

Кофе
Чай
Молоко

Кофе
Чай
Молоко