Последние учебники веб-разработки
 

HTML <ol> Tag


пример

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

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Попробуй сам "

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

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

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


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

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

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

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

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


Отличия между HTML 4.01 и HTML5

"Пуск" и атрибуты "типа" были устаревшими в 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
Определяет тип маркера для использования в списке

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

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


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

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


Похожие страницы

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

HTML DOM ссылка: Ol объекта

Учебник 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;
}
Попробуй сам "