Нумерованные списки представляют собой набор элементов с их порядковым и
номерами. Вид и тип нумерации зависит от параметров тега <OL> ,
который и используется для создания списка. В качестве маркеров
могут быть следующие значения:
арабские цифры;
заглавные латинские буквы;
строчные латинские буквы;
заглавные римские цифры;
строчные римские цифры;
В табл. 1 приведены различные параметры тега <OL> и
результат их применения.
Табл. 1. Варианты нумерованных списков
Код HTML
Пример
<ol>
<li>текст</li>
<li>текст</li>
<li>текст</li>
</ol>
Нумерованный список с параметрами по умолчанию:
1. текст
2. текст
3. текст
<ol start="5">
Нумерованный список начинающийся с пяти:
5. текст
6. текст
7. текст
<ol type="A">
Нумерованный список с заглавными буквами латинского алфавита:
A. текст
B. текст
C. текст
<ol type="a">
Нумерованный список с прописными буквами латинского алфавита:
a. текст
b. текст
c. текст
<ol type="I">
Нумерованный список с римскими цифрами:
I. текст
II. текст
III. текст
<ol type="i">
Нумерованный список с прописными римскими цифрами:
i. текст
ii. текст
iii. текст
<ol type="1">
Нумерованный список с арабскими цифрами:
1. текст
2. текст
3. текст
<ol type="I" start="7">
Список с римскими цифрами начинающийся с семи:
VII. текст
VIII. текст
IX. текст
В примере 1 показано создание списка с использованием римской нумерации.
Пример 1. Создание нумерованного списка
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Римские числа</title>
</head>
<body>
<ol type="I" start="8">
<li>Король Магнум XLIV</li>
<li>Король Зигфрид XVI</li>
<li>Король Сигизмунд XXI</li>
<li>Король Хусбрандт I</li>
</ol>
</body>
</html>
Результат примера показан ниже.
Рис. 1. Вид нумерованного списка в браузере Opera
Обратите внимание, что до и после списка автоматически добавляются вертикальные
отступы, это является особенностью тега <OL> .
Просмотров: 4096
1 Написал(а) mcnvkn, , в 21:33 06.09.2011