HTML - тег <ol> используется для создания упорядоченного списка, содержащего элементы в определенной последовательности. Упорядоченный список начинается с тега <ol>. Каждый элемент списка начинается с тега <li>.
Тег <ol> - синтаксис и код
Тег <ol> представлен парами. Содержимое записывается между открывающим (<ol>) и закрывающим (</ol>) тегами.
По умолчанию элементы списка будут отмечены цифрами:
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
- HTML
- CSS
- JavaScript
Определение и использование
- HTML - тег
<ol> определяет упорядоченный список;
- Упорядоченный список может быть числовым или алфавитным;
- Тег
<li> используется для определения каждого элемента списка;
- Кроме текста тег <li> может включать в себя различные элементы HTML (списки, изображения, заголовки, абзацы и т. д.);
- Теги
<ol> и <ul> могут быть вложены настолько глубоко, насколько это необходимо, чередуя их по своему усмотрению.
В качестве элементов нумерации могут использоваться следующие значения: арабские цифры (1, 2, 3, ...); заглавные латинские буквы (A, B, C,...); строчные латинские буквы (а, б, в, ...); Римские заглавные цифры (I, II, III,...); Римские строчные цифры (i, ii, iii, ...). Атрибут type используется для указания типа нумерованного списка.
Если вы не укажете какой-либо дополнительный атрибут, то содержимое тега <ol> по умолчанию нумеруется арабскими цифрами, начиная с единицы.
✪ Рекомендация: используйте CSS для стилизации списков.
★ Примечание: если свойства CSS применяются к тегу <ol>, то элементы, вложенные в тег <li>, наследуют их.
Поддержка <ol> браузерами
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
Атрибуты
| Атрибут |
Значение |
Описание |
| reversed |
reversed |
Указывает, что порядок списка должен быть обратным (9,8,7...) |
| start |
number |
Указывает начальное значение упорядоченного списка |
| type |
1
A
a
I
i |
Указывает тип маркера, который будет использоваться в списке |
Глобальные атрибуты
Тег <ol> также поддерживает глобальные атрибуты в HTML
Атрибуты событий
Тег <ol> также поддерживает атрибуты событий в HTML
Связанные страницы
Руководство по HTML: упорядоченные списки HTML
Настройки 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.
