Тег <ol> создает упорядоченный (нумерованный) список. Упорядоченный список может иметь цифровую или буквенную маркировку.
Для создания элементов списка используется тег <li>.
Для настройки стилей списка используйте CSS.
Разница между HTML 4.01 и HTML5
Атрибуты start и type были запрещены в HTML 4.01, но поддерживаются в HTML5.
Атрибут reversed был добавлен в HTML5.
Атрибуты compact не поддерживаются в HTML5.
Атрибуты тега <ol>
| Атрибут | Описание |
|---|---|
| compact | Включает отображение компактного упорядоченного списка |
| reversed | Устанавливает обратную нумерацию упорядоченного списка |
| start | Определяет стартовое значение первого элемента упорядоченного списка |
| type | Определяет вид маркера для упорядоченного HTML списка |
Общие атрибуты
Тег <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;
}
HTML пример использования
Два разных упорядоченных HTML списков:
<ol>
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ol>
<ol start="50">
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ol>
