Вы здесь

HTML тег ol

Тег <ol> создает упорядоченный (нумерованный) список. Упорядоченный список может иметь цифровую или буквенную маркировку.

Для создания элементов списка используется тег <li>.

Для настройки стилей списка используйте CSS.

Разница между HTML 4.01 и HTML5

Атрибуты start и type были запрещены в HTML 4.01, но поддерживаются в HTML5.

Атрибут reversed был добавлен в HTML5.

Атрибуты compact не поддерживаются в HTML5.

Атрибуты тега <ol>
Атрибут Описание
compact Включает отображение компактного упорядоченного списка
reversed Устанавливает обратную нумерацию упорядоченного списка
start Определяет стартовое значение первого элемента упорядоченного списка
type Определяет вид маркера для упорядоченного HTML списка
HTML пример

Два разных упорядоченных HTML списков:


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

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

CSS стили по умолчанию

Большинство браузеров будут отображать тег <ol> со следующими стилями


ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}