Нумерованные списки
Нумерованные списки представляют собой набор элементов с их порядковым и номерами. Вид и тип нумерации зависит от параметров тега <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>.
|
.gif){kind=spacer}
; ?>/wp-content/themes/bb3x/design/spacer.gif){kind=spacer}
