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

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

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

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

Табл. 1. Варианты нумерованных списков
Код HTML	Пример
<ol> <li>текст</li> <li>текст</li> <li>текст</li> </ol>	Нумерованный список с параметрами по умолчанию: текст текст текст
<ol start="5">	Нумерованный список начинающийся с пяти: текст текст текст
<ol type="A">	Нумерованный список с заглавными буквами латинского алфавита: текст текст текст
<ol type="a">	Нумерованный список с прописными буквами латинского алфавита: текст текст текст
<ol type="I">	Нумерованный список с римскими цифрами: текст текст текст
<ol type="i">	Нумерованный список с прописными римскими цифрами: текст текст текст
<ol type="1">	Нумерованный список с арабскими цифрами: текст текст текст
<ol type="I" start="7">	Список с римскими цифрами начинающийся с семи: текст текст текст

В примере 1 показано создание списка с использованием римской нумерации.

Пример 1. Создание нумерованного списка

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>

<ol type="I" start="8">
<li>Король Магнум XLIV</li>
<li>Король Зигфрид XVI</li>
<li>Король Сигизмунд XXI</li>
<li>Король Хусбрандт I</li>
</ol>

</body>
</html>

Результат примера показан ниже.

Король Магнум XLIV
Король Зигфрид XVI
Король Сигизмунд XXI
Король Хусбрандт I

Обратите внимание, что до и после списка автоматически добавляются вертикальные отступы, это является особенностью тега <OL>.

Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное

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