Онлайн учебники на TEPKA.ru

Учебник по HTML 4

       

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

Другим типом списков, реализованных в языке HTML, является нумерованный список. Иначе HTML списки такого типа называют упорядоченными. Последнее название часто используется как формальный перевод названия соответствующего тега <OL>, с помощью которого и организуются списки такого типа в HTML-документах (OL — Ordered List, упорядоченный список).

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

Теги <OL> и <LI>

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

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

Приведем пример HTML-документа, использующего нумерованный список, отображение которого браузером показано на рис. 2.3.

<HTML>

<HEAD>

<TITLE>Пример нумерованного списка</TITLE>

</HEAD>

<BODY>

<OL>

<B>Наиболее яркие звезды, видимые с Земли:</B>

    <LI>Сириус

    <LI>Канопус

    <LI>Арктур

    <LI>Альфа Центавра

    <LI>Вега

    <LI>Капелла

    <LI>Ригель

    <LI>Процион

    <LI>Ахернар

    <LI>Бета Центавра

    <LI>Ветельгейзе

    <LI>Альдебаран

    <BR>. . .

    <LI value=58>Мицар

    <BR>. . .

    <LI value=75>Пoляpнaя

</OL>

</BODY>

</HTML>

0203.gif

Рис. 2.З. Нумерованный список

В теге <OL> могут быть указаны следующие параметры: COMPACT, TYPE и START.

Параметр COMPACT имеет тот же смысл, что и у маркированных списков. Параметр TYPE используется для задания вида нумерации списка. Может принимать следующие значения:

TYPE = А — задает маркеры в виде прописных латинских букв;

TYPE = а — задает маркеры в виде строчных латинских букв;

TYPE = I — задает маркеры в виде больших римских цифр;

TYPE = i — задает маркеры в виде маленьких римских цифр;

TYPE = 1 — задает маркеры в виде арабских цифр.

По умолчанию всегда используется значение TYPE = 1, т. е. нумерация при помощи арабских цифр. Это касается и вложенных нумерованных списков. Здесь, в отличие от маркированных списков, браузеры по умолчанию не делают различной нумерацию на различных уровнях вложенности списков. Заметим, что после номера элемента списка всегда дополнительно выводится знак "точка".

Параметр TYPE с теми же значениями может употребляться для указания вила нумерации отдельных элементов списка. Для этого параметр TYPE с соответствующим значением разрешено указывать в теге элемента списка <LI>.

Пример записи: <LI TYPE = A>.

Параметр START тега <OL> позволяет начать нумерацию списка не с единицы. В качестве значения параметра START всегда должно указываться натуральное число, вне зависимости от вида нумерации списка. Приведем пример:

<OL TYPE = A START=5>.

Такая запись определяет нумерацию списка с прописной латинской буквы "E". Для других видов нумерации запись START=5 задаст нумерацию, соответственно, с числа "5", римской цифры "V" и т. д.

Изменение вида нумерации списка и значений номеров допустимо производить и для любого элемента списка. Тег <LI> для нумерованных списков разрешает использовать параметры TYPE и VALUE. Параметр TYPE может принимать такие же значения, как и для тега <OL>.

Пример записи: <LI TYPE = A>.

Примечание

Браузеры по-разному интерпретируют указание вида нумерации для отдельного элемента списка. Браузер Netscape изменяет вид нумерации для данного элемента и всех последующих, пока не встретится очередное переопределение. Браузер Internet Explorer изменяет вид номера только для данного элемента.

Значение параметра VALUE тега <LI>- позволяет изменить номер данного элемента списка. При этом изменяется нумерация и всех последующих элементов. Типичным применением являются списки с пропуском некоторых  элементов. Пример такого списка был приведен выше (рис. 2.3). В нем дается упорядоченный список наиболее ярких звезд, в котором на 58 и 75 местах расположены звезды, хорошо видимые в наших широтах (Мицар — наиболее яркая звезда созвездия Большая Медведица, а Полярная звезда — Малой Медведицы).

Приведем еще один оригинальный пример использования нумерации различных видов. В приводимом ниже HTML-коде заданы три списка с различной нумерацией. Для удобства просмотра каждый из списков помещен в отдельную ячейку таблицы. Все три списка идентичны и различаются только видом нумерации: в первом столбце таблицы — арабские цифры, во втором — римские, а в третьем нумерация ведется латинскими буквами. Обратим внимание, что элементы списка пусты, т. е. после любого тега <LI> нет никаких данных. Пример такого рода можно использовать в качестве таблицы соответствия между записью чисел арабскими и римскими цифрами. Оказывается, что любой браузер, поддерживающий списки, можно использовать в качестве генератора такой таблицы (рис. 2.4), стоит лишь набрать приводимый HTML-код. Нумерация римскими цифрами правильно работает вплоть до значения 3999. Изучая правый столбец, можно понять, как выполняется нумерация латинскими буквами. По исчерпании однобуквенной нумерации (от А до Z) в качестве следующего номера берется первый двухбуквенный номер — АА и т. д.

<HTML>

<HEAD>

<TITLE>Использование различного типа нумерации в списках</TITLE>

</HEAD>

<BODY>

<TABLE BORDER=1 WIDTH=100% CELLPADDING=15>

<TR>

<TD>

    <OL>

    <LI><LI>

    <BR>. . .

    <LI VALUE=1991><LI><LI><LI><LI><LI><LI><LI><LI><LI><LI><LI><LI><LI>

    </OL>

    </TD>

    <TD>

    <OL TYPE=I>

    <LI><LI>

    <BR>. . .

    <LI VALUE=1991><LI><LI><LI><LI><LI><LI><LI><LI><LI><LI><LI><LI><LI>

    </OL> </TD>

    <TD>

    <OL TYPE=A>

    <LI><LI>

    <BR>. . .

    <LI VALUE=1991><LI><LI><LI><LI><LI><LI><LI><LI><LI><LI><LI><LI><LI>

    </OL>

    </TD>

</TR>

</TABLE>

</BODY>

</HTML>

0204.gif

Рис. 2.4. Различные типы нумерации HTML-списков

 

 

 

Top.Mail.Ru
Top.Mail.Ru