САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ

HTML Тег <ol> упорядоченный список



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

Пример

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

<ol start="50">
 <li>Кофе</li>
 <li>Чай</li>
 <li>Молоко</li>
</ol>
Попробуйте сами »

Определение и использование

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

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


Поддержка браузеров

Элемент
<ol> Да Да Да Да Да

Советы и примечания

Совет: Для неупорядоченного списка используйте тег <ul>.

Совет: Используйте CSS для стилей списков.


Различия между HTML 4.01 и HTML5

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

Атрибут "reversed" является новым в HTML5.

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


Атрибуты

= Новый в HTML5.

Атрибут Значение Описание
compact compact Не поддерживается в HTML5.
Указывает, что список должен отображаться меньше обычного
reversed reversed Указывает, что порядок списка должен быть убывающим (9,8,7...)
start number Задает начальное значение упорядоченного списка
type 1
A
a
I
i
Задает вид маркера в списке

Глобальные атрибуты

Tег <ol> также поддерживает Глобальные атрибуты в HTML.


Атрибуты событий

Tег <ol> также поддерживает Атрибуты событий в HTML.


Связанные страницы

Учебник HTML: HTML Списки

Справочник HTML DOM: Объект ol

Учебник CSS: CSS Списки


Настройки CSS по умолчанию

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

Пример

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
Попробуйте сами »