Учебник по HTML и CSS |
|
Теги HTML Теги по типам
| Тег OL
ОписаниеТег <OL> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <OL> применяется таблица стилей, то элементы <LI> наследуют эти свойства. Синтаксис <ol> Параметры
Закрывающий тегОбязателен. Пример 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 Аналог CSSlist-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> |
При использовании материалов сайта ссылка на comnew.ru обязательна! |