ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP КАК СДЕЛАТЬ W3.CSS JQUERY XML БОЛЬШЕ 🔍 ◑ КНИГИ УПРАЖНЕНИЯ СПРАВОЧНИКИ
HTML теги. Полный справочник

HTML тег <ol>

❮ Prev Полный HTML справочник Next ❯

Пример

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

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

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

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

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

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

Поддержка браузерами

Элемент
<ol> Yes Yes Yes Yes Yes

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

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

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

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

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

Атрибут "reversed" новый в HTML5.

Атрибут "compact" не поддерживается в 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;
}
Попробуйте сами »
❮ Prev Полный HTML справочник Next ❯