Упорядоченный список HTML | HTML-нумерованный список
Добавить в избранное
Упорядоченный список HTML или нумерованный список отображает элементы в пронумерованном формате. HTML-тег ol используется для упорядоченного списка. Мы можем использовать упорядоченный список для представления элементов либо в формате числового порядка, либо в формате алфавитного порядка, либо в любом формате, в котором порядок подчеркивается. Нумерованные списки могут быть разных типов:
◦ Числовой номер (1, 2, 3)
◦ Заглавная римская цифра (I, II, III)
◦ Малый римский номер (i, ii, iii)
◦ Заглавный алфавит (ABC)
◦ Малый алфавит (abc)
Для представления различных упорядоченных списков в теге <ol> имеется 5 типов атрибутов.
Тип "1"
Это тип по умолчанию. В этом типе элементы списка нумеруются цифрами.
Тип "I"
В этом типе элементы списка нумеруются римскими цифрами в верхнем регистре.
тип "i"
В этом типе элементы списка нумеруются строчными римскими цифрами.
тип "A"
В этом типе элементы списка нумеруются заглавными буквами.
тип "a"
В этом типе элементы списка нумеруются строчными буквами.
Пример упорядоченного списка HTML
Давайте посмотрим на пример упорядоченного списка HTML, который отображает 4 темы в пронумерованном списке. Здесь мы не определяем type="1", потому что это тип по умолчанию.
<ol>
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
ol type="I"
Давайте посмотрим пример для отображения списка в верхнем регистре римских чисел.
<ol type="I">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
ol type="i"
Давайте посмотрим пример для отображения списка в нижнем регистре римских чисел.
<ol type="i">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
ol type="A"
Давайте посмотрим пример для отображения списка в верхнем регистре алфавита.
<ol type="A">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
ol type="a"
Давайте посмотрим на пример для отображения списка в нижнем регистре алфавита.
<ol type="a">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
начальный атрибут
Атрибут start используется с тегом ol, чтобы указать, откуда начинать элементы списка.
<ol type="1" start="5">: отображаются числовые значения, начинающиеся с "5".
<ol type="A" start="5">: отображаются заглавные буквы, начинающиеся с "E".
<ol type="a" start="5">: отображаются строчные буквы алфавита, начинающиеся с "e".
<ol type="I" start="5">: будет отображаться латинское значение в верхнем регистре, начинающееся с "V".
<ol type="i" start="5">: будет отображаться латинское значение в нижнем регистре, начинающееся с "v".
Пример:
<ol type="i" start="5">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
Атрибут reversed:
Это логический атрибут тега HTML <ol>, и он является новым в версии HTML5. Если вы используете reversed атрибут с тегом, то он будет нумеровать список в порядке убывания (7, 6, 5, 4......1).
Пример:
<ol reversed>
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>