htmlbook.ru - Для тех, кто делает сайты
Статьи Книги Шаг за шагом Рецепты Форум
Главная страница > Теги HTML > Тег OL
Теги HTML
Все теги
A
ABBR
ACRONYM
ADDRESS
AREA
B
BASE
BASEFONT
BDO
BGSOUND
BIG
BLOCKQUOTE
BODY
BR
BUTTON
CAPTION
CITE
CODE
COL
COLGROUP
DD
DEL
DFN
DIV
DL
DT
EM
EMBED
FIELDSET
FONT
FORM
FRAME
FRAMESET
H1...H6
HEAD
HR
HTML
I
IFRAME
IMG
INPUT
INS
KBD
LABEL
LEGEND
LI
LINK
MAP
MARQUEE
META
NOBR
NOEMBED
NOFRAMES
NOSCRIPT
OBJECT
OL
OPTGROUP
OPTION
P
PARAM
PRE
Q
SAMP
SCRIPT
SELECT
SMALL
SPAN
STRIKE
STRONG
STYLE
SUB
SUP
TABLE
TBODY
TD
TEXTAREA
TFOOT
TH
THEAD
TITLE
TR
TT
UL
VAR
Теги по типам
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблица
Текст
Форматирование
Формы
Фреймы

Тег 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
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да
HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Тег <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

Рис. 1. Вид маркированного списка в браузере

Описание параметров тега <OL>

Параметр TYPE

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Устанавливает вид маркера.

Синтаксис

<ol type="A | a | I | i | 1">...</ol>

Аргументы

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

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

Табл 1. Параметры нумерованного списка
Код Пример
<o type="A">
...
</ol>
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol type="a">
...
</ol>
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol type="I">
...
</ol>
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol type="i">
...
</ol>
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol type="1">
...
</ol>
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк

Значение по умолчанию

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

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Параметр 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>

Copyright 2002–2008 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru

О сайте | Планы на будущее | Использование сайта | Борьба с ошибками | Технологии | Поддержать проект