teg-ol

  • 08.07.2026
  • admin
  • 1минут читать

Тег <OL>

Описание

Тег <OL> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <OL> применяется таблица стилей, то элементы <LI> наследуют эти свойства.

Синтаксис

<ol>
 <li>элемент нумерованного списка</li>
</ol>

Параметры

type
Устанавливает вид маркера списка.
start
Число, с которого будет начинаться нумерованный список.

Закрывающий тег

Обязателен.

Пример 1. Использование тега <OL>

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://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>

Описание параметров тега <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" "https://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" "https://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>

Теги списков

  • DD входит в тройку элементов DL, DT, DD, предназначенных для создания списка определений.
  • DL входит в тройку элементов DL, DT, DD, предназначенных для создания списка определений.
  • DT входит в тройку элементов DL, DT, DD, предназначенных для создания списка определений.
  • LI определяет отдельный элемент списка. Внешний тег UL или OL устанавливает тип списка — маркированный или нумерованный.
  • OL устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега LI.
  • UL устанавливает маркированный список. Каждый элемент списка должен начинаться с тега LI.