RUPIXEL.COM - Веб-дизайн в твоих руках
Русскоязычные документы веб-мастеру готовы к употреблению

OL - упорядоченные (нумерованные) списки

Цель

Для представления информации в виде упорядоченного (нумерованного) списка.

Типичное отображение

Список элементов представляется отдельной структурой, возможно, с меньшими промежутками между элементами списка, чем, например, между абзацами. Представление зачастую идентично способу, при котором вложенные списки представляются с отступом в соответствии с их структурой.

В противоположность элементу UL элементы списка нумеруются (по умолчанию - последовательно).

Основной синтаксис

<OL>
<LI> элемент списка 1
<LI> элемент списка 2
...
</OL>

Возможные атрибуты

имя атрибута возможные значения смысл примечания
TYPE 1, a, A, i, I стиль нумерации важен регистр написания
START целое начальная цифра последовательности по умолчанию 1
COMPACT COMPACT сокращенное расстояние между элементами  

Атрибутов TYPE и START нет HTML 2.0!

Смысл значений TYPE следующий:

Type Стиль нумерации Первые несколько цифр
1 обычные (арабские) числа 1, 2, 3, ...
a Латинское написание на нижнем регистре a, b, c, ...
A Латинское написание на верхнем регистре A, B, C, ...
i Римские цифры на нижнем регистре i, ii, iii, ...
I Римские цифры на верхнем регистре I, II, III, ...

Допустимый контекст

Блоковый контейнер.

Содержимое

LI элементы (один или более).

Примеры

Простой пример:

Пример OL-1.html:

<P>
Proceed as follows:
</P>
<OL>
<LI> Try to guess how to use the program.
<LI> If it fails, send lots of questions to Usenet News.
<LI> If they flame you, consider contacting local user support.
<LI> When everything else fails, read the manuals.
</OL>

Пример, в котором использованы римские цифры:

Пример OL-2.html:

<P> The declinations of nouns in Latin are best distinguished by the ending of the genetive singular:
</P>
<OL TYPE=I>
<LI> <I>-ae</I>, eg <I>terra:terrae</I>
<LI> <I>-i</I>, eg <I>annus:anni</I>
<LI> <I>-is</I>, eg <I>labor:laboris</I>
<LI> <I>-us</I>, eg <I>fructus:fructus</I>
<LI> <I>-ei</I>, eg <I>dies:diei</I>.
</OL>
 

Пример, показывающий перекрывающиеся действия атрибутов в элементах LI.

Пример OL-3.html:

<OL TYPE=a START=3 COMPACT>
<LI> first item <LI> second item
<LI VALUE=8> item after skipping a few values
<LI> next item <LI TYPE=A> going on with uppercase
<LI> this is the last item.
</OL>

Смотрите также Примеры различных списковых элементов в HTML.

Примечания

Смотрите общие замечания к списковым элементам.

Естественно использовать упорядоченность элементов списка, когда это соответствует сути информации, например, когда описание команд должно следовать во временном порядке, или, когда элементы списка перечисляются в порядке их важности.

Последовательность номеров элементов списка начинается со значения, задаваемого атрибутом START (по умолчанию 1). Вы можете переустановить его атрибутом VALUE элементов LI. Оба этих атрибута задаются целым значением. (Даже если Вы установили в атрибуте TYPE значение, отличное от 1, значение атрибута VALUE должно быть специфицировано, как последовательность цифр.) Вы не можете указать, на продолжение нумерации от предыдущего списка или, чтобы между списками было пропущено какое-либо значение.

Расположение номеров не специфицируется, например, римские цифры могут быть расположены слева, справа или по центру. Для альтернативного задания рассмотрите материал использование таблицы.

[30.08.08] PERL статьи 16 новых статей.

[27.08.08] Добавлено более 50 новых статей про PHP и немного HTML

[24.07.08] CSS 3 статьи и 1 про html.

[16.07.08] HTML статьи 3 новых

[13.04.08] Урок Photoshop Обработка людей

[13.04.08] Веб-мастеру Что такое юзабилити?

[06.04.08] Урок Photoshop Клавиатурная кнопка.

[02.04.08] Скачать шрифты Более 100 новых шрифтов.

[21.03.08] Добавлен раздел FLASH и скрипты JavaScript

[19.03.08] Раскрутка Учебник по раскрутке сайтов.

[16.03.08] Скачать шрифты Добавлено более 1000 шрифтов.

[14.03.08] Урок Photoshop Красивый текст.

[11.03.08] Урок Photoshop Кубический эффект текста.

[10.03.08] Раскрутка сайта Добавил две интересные статьи.

Что нужно сделать с Саакашвили?
Повесить
Растрелять
Посадить
Утопить
Ничего
Дать медаль
Поблагодарить
     php хостинг    Rambler's Top100 Рейтинг@Mail.ru Яндекс цитирования
Александр Акимов
ICQ: 491368028
Mail: rupixel-com.tut.su