Тег OL
| Браузер | Internet Explorer | Netscape | Opera | Safari | Mozilla | Firefox |
|---|
| Версия | 5.5 | 6.0 | 7.0 | 6.0 | 7.0 | 8.0 | 7.0 | 8.0 | 9.0 | 1.0 | 1.7 | 1.0 | 2.0 |
|---|
| Поддерживается | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да |
|---|
Описание
Тег <OL> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <OL> применяется таблица стилей, то элементы <LI> наследуют эти свойства.
Синтаксис
<ol>
<li>элемент нумерованного списка</li>
</ol>
Параметры
- type
- Устанавливает вид маркера списка.
- start
- Число, с которого будет начинаться нумерованный список.
Закрывающий тег
Обязателен.
Пример 1. Использование тега <OL>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег OL</title>
</head>
<body>
<ol>
<li>Чебурашка</li>
<li>Крокодил Гена</li>
<li>Шапокляк</li>
</ol>
</body>
</html>
Результат данного примера показан ни рис. 1.
Рис. 1. Вид маркированного списка в браузере
Описание параметров тега <OL>
Параметр TYPE
Описание
Устанавливает вид маркера.
Синтаксис
<ol type="A | a | I | i | 1">...</ol>
Аргументы
Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от параметров тега OL, который и используется для создания списка. В качестве маркеров могут быть следующие значения:
- заглавные латинские буквы;
- строчные латинские буквы;
- заглавные римские цифры;
- строчные римские цифры;
- арабские цифры.
В табл. 1 приведены различные значения параметра type тега <OL> и результат их применения.
Табл 1. Параметры нумерованного списка | Код | Пример |
|---|
<o type="A">
...
</ol> | - Чебурашка
- Крокодил Гена
- Шапокляк
|
<ol type="a">
...
</ol> | - Чебурашка
- Крокодил Гена
- Шапокляк
|
<ol type="I">
...
</ol> | - Чебурашка
- Крокодил Гена
- Шапокляк
|
<ol type="i">
...
</ol> | - Чебурашка
- Крокодил Гена
- Шапокляк
|
<ol type="1">
...
</ol> | - Чебурашка
- Крокодил Гена
- Шапокляк
|
Значение по умолчанию
1
Аналог CSS
list-style-type
Пример 2. Тип нумерации списка
<!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>Тег OL, параметр type</title>
</head>
<body>
<ol
type="a">
<li>Чебурашка</li>
<li>Крокодил Гена</li>
<li>Шапокляк</li>
</ol>
</body>
</html>
Параметр START
Описание
Параметр start устанавливает номер, с которого будет начинаться список. При этом не имеет значения, какой тип списка установлен с помощью параметра type, аргумент start одинаково работает и с римскими и с арабскими числами.
Синтаксис
<ol start="число">...</ol>
Аргументы
Любое целое положительное число.
Значение по умолчанию
Нет.
Пример 3. Нумерация списка
<!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>Тег OL, параметр start</title>
</head>
<body>
<ol type="I"
start="4">
<li>Чебурашка</li>
<li>Крокодил Гена</li>
<li>Шапокляк</li>
</ol>
</body>
</html>
ПОЛЕЗНЫЕ СОВЕТЫ JAVASCRIPT + CSS