www html, html уроки, html теги, css, верстка
Уроки книги по css и html урокам вопросы и ответы Помощь сайту дизайн-студия Шутовой Елены
Главная страница > Уроки > Списки > Нумерованные списки

Нумерованные списки

контентовая версия  

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

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

Табл. 1. Варианты нумерованных списков
Код ШТМЛ Пример
<ol>
<li>контент</li>
<li>контент</li>
<li>контент</li>
</ol>

Нумерованный список с параметрами по умолчанию:

  1. контент
  2. контент
  3. контент
<ol start="5">

Нумерованный список начинающийся с пяти:

  1. контент
  2. контент
  3. контент
<ol type="A">

Нумерованный список с заглавными буквами латинского алфавита:

  1. контент
  2. контент
  3. контент
<ol type="a">

Нумерованный список с прописными буквами латинского алфавита:

  1. контент
  2. контент
  3. контент
<ol type="I">

Нумерованный список с римскими цифрами:

  1. контент
  2. контент
  3. контент
<ol type="i">

Нумерованный список с прописными римскими цифрами:

  1. контент
  2. контент
  3. контент
<ol type="1">

Нумерованный список с арабскими цифрами:

  1. контент
  2. контент
  3. контент
<ol type="I" start="7">

Список с римскими цифрами начинающийся с семи:

  1. контент
  2. контент
  3. контент


В примере 1 показано создание списка с использованием римской нумерации.

Пример 1. Создание нумерованного списка

Валидный HTML
<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/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. Вид нумерованного списка

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

Обратите внимание, что до и после списка автоматически добавляются вертикальные отступы, это является особенностью тега <OL>.

Статья опубликована: 07.09.2009 Последнее обновление: 26.03.2009
Поиск по сайту
Списки
Разделы
Теги по теме

LI
Тег LI определяет отдельный элемент списка. Внешний тег UL или OL устанавливает тип списка — маркированный или нумерованный.

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

Copyright 2009 Все права защищены

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект