Тег OL

Тег OL устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега LI. Если к тегу OL применяется таблица стилей, то элементы LI наследуют эти свойства.

Синтаксис
<ol>
<li>элемент нумерованного списка</li>
</ol>

Закрывающий тег
Обязателен.

Параметры
type — устанавливает вид маркера списка.
start — число, с которого будет начинаться нумерованный список.

Пример 1. Использование тега OL

<html>
<body>
<ol>
<li>Чебурашка</li>
<li>Крокодил Гена</li>
<li>Шапокляк</li>
</ol>
</body>
</html>

Результат примера

  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк

Описание параметров тега OL

Параметр TYPE

Описание
Устанавливает вид маркера.

Синтаксис
<ol type=A | a | I | i | 1>...</ol>

Аргументы
Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от параметров тега OL, который и используется для создания списка. В качестве маркеров могут быть следующие значения:

  • заглавные латинские буквы;
  • прописные латинские буквы;
  • заглавные римские цифры;
  • прописные римские цифры;
  • арабские цифры.

В табл. 1 приведены различные значения параметра type тега OL и результат их применения.

Таблица 1. Параметры нумерованного списка
Код Пример
<ol type=A>
...
</ol>
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol type=a>
...
</ol>
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol type=I>
...
</ol>
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol type=i>
...
</ol>
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol type=1>
...
</ol>
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк

Значение по умолчанию
1

Аналог CSS
list-style-type

Пример 2. Изменение вида списка

<html>
<body>
<ol type=a>
<li>Чебурашка</li>
<li>Крокодил Гена</li>
<li>Шапокляк</li>
</ol>
</body>
</html>

Параметр START

Описание
Параметр start устанавливает номер, с которого будет начинаться список. При этом не имеет значения, какой тип списка установлен с помощью параметра type, аргумент start одинаково работает и с римскими и с арабскими числами.

Синтаксис
<ol start=число>...</ol>

Аргументы
Любое целое положительное число.

Значение по умолчанию
Нет.

Пример 3. Установка начального значения списка

<html>
<body>
<ol type=I start=4>
<li>Чебурашка</li>
<li>Крокодил Гена</li>
<li>Шапокляк</li>
</ol>
</body>
</html>

Материал взят с сайта htmlbook.ru