Главная/ HTML справочник | HTML теги: назначение, синтаксис, атрибуты, примеры./ Tags/ HTML тег ol | назначение, синтаксис, атрибуты, примеры

Тег ol

Последнее обновление: 03.03.2009

Тег <ol> (англ. ordered list — упорядоченный список) — тег-контейнер для элементов <li>, создает нумерованный список.
Блочный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<ol>
<li>
...</li>
</ol>

Атрибуты


class определяет имя используемого класса
compact флаг. Выводит список с уменьшенными отступами.
Не рекомендуется в спецификации HTML 4.01!
dir определяет направление символов:

  • ltr — слева направо
  • rtl — справа налево
id уникальный индетификатор
lang определяет используемый язык
onclick щелчек на элементе
ondblclick двойной щелчек на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
start изменяет порядок нумерации элементов списка.
Не рекомендуется в спецификации HTML 4.01!
style задает встроенную таблицу стилей
title добавляет всплывающую подсказку
type определяет вид нумерации

  • A — заглавные латинские буквы
  • a — строчные латинские буквы
  • I — заглавные римские цифры
  • i — строчные римские цифры
  • 1 — арабские цифры (по умолчанию)

Не рекомендуется в спецификации HTML 4.01!

Пример

Нумерованные списки:


<ol type="A">
<li>
Первый</li>
<li>
Второй</li>
<li>
Третий</li>
<li>
Четвертый</li>
</ol>

Считаем сразу со ста:


<ol type="1" start="100">
<li>
Сто</li>
<li>
Сто один</li>
<li>
Сто два</li>
<li>
Сто три</li>
</ol>

Рекомендации по использованию
  • закрывающий тег обязателен (</ol>)
  • может содержать только теги <li>
  • обязательных атрибутов нет
  • некотрые браузеры элементу <ol> по умолчанию могут задавать отступы
  • для задания вида списка рекомендуется использовать не атрибуты тега <ol>, а таблицы стилей
  • атрибуты compact и type не рекомендуются к применению и не поддерживаются в XHTML 1.0 Strict DTD
  • тег <ol> — элемент уровня блока, т.е. содержимое тега по умолчанию начинается с новой строки. После тега также добавляется перенос строки (если в свойствах блока не прописано другого)

Списки можно вкладывать друг в друга. Вложенные списки отображаются с увеличенным левым отступом.

Твой код:

Результат: