Учебник HTML : Списки

• Создание простых списков.

• Создание вложенных списков.

Быстрый переход по странице:

• Маркированный список.

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

• Список определений.

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

• Объединение фрагментов информации в единую структуру для придания удобочитаемого вида.

• Описание сложных пошаговых процессов.

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

Заметим, что приведённые выше пункты как раз и организованы в виде списковой структуры.

В языке HTML предусмотрены следующие основные типы списков: маркированный, нумерованный и список определений.

Маркированный список.

Иначе списки такого типа называют неупорядоченными (формальный перевод названия соответствующего тэга <UL> - Unordered List).
В маркированном списке для выделения его элементов используются специальные символы, называемые маркерами списка. Вид маркеров списка определяется броузером, причём при создании вложенных списков броуреры автоматически разнообразят вид маркеров различного уровня вложенности.

Тэги <UL> и <LI>.

Для создание маркированного списка необходимо использовать тэг-контейнер <UL> </UL>, внутри которог располагаются все элементы списка. Каждый элемент списка должен начинаться тэгом <LI> (LI - List Item, элемент списка). Тэг <LI> не нуждается в соответствующем закрывающем тэге, хотя и наличие его в принципе не возбороняется.

В тэге <UL> могут быть указаны два параметра: compact и type.

Параметр compact записывается без значений и применяется для указания браузеру, что данный список следует выводить в компактном виде. Например, может быть уменьшен шрифт или растояние между строчками списка и т.д.

Параметр type может принимать следующие значения: disc, circle и square. Этот параметр используется для принудительного задания вида маркеров списка. Конкретный вид маркера будет зависеть от используемого броузера. Типичными вариантами отображения являются следующие:

type = "disc" - маркеры отображаюктся закрашенными кружками;
type = "circle" - маркеры отображаюктся не закрашенными кружками;
type = "square" - маркеры отображаюктся закрашенными квадратиками;

Значением используемым по умолчанию, является type="disc".

Параметр type с теми же значеиями может употребляться для указания вида маркеров отдельных элементов списка.
Пример записи: <LI type="circle">.

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

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

Тэги <OL> и <LI>.

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

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

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

type = "A" - задаёт маркеры в виде прописных латинских букв;
type = "a" - задаёт маркеры в виде строчных латинских букв;
type = "I" - задаёт маркеры в виде больших римских цифр;
type = "i" - задаёт маркеры в виде маленьких римских цифр;
type = "1" - задаёт маркеры в виде арабских цифр.

По умолчанию всегда используется type = "1". Параметр type с теми же значениями может употребляться для указания вида нумерации отдельных элементов списка. Пример записи: <LI type = "A">.

Параметр start тэга <OL> позволяет начать нумерацию списка не с единицы. В качестве значения параметра start всегда должно указываться натуральное число, вне зависимости от вида нумерации списка. приведём пример: <OL type="A" start="5">. Такая запись определяет нумерацию списка с прописной латинской буквы "E".

Значение параматра value тэга <LI> позволяет изменить номер данного элемента списка. При этом изменяется нумерация всех последующих элементов.

Список определений.

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

Списки определений задаются с помощью тэга контейнера <DL> (Definition List). Внутри контейнера тэгом <DT> (Definition Term) помечается определяемый термин, а тэгом <DD> (Definition Description) - абзац с его определением. Для тэгов <DT> и <DD> можно не записывать соответствующие закрывающие тэги.

В общем, список определений записывается следующим образом:

<DL>
<DT> Термин
<DD> Определение термина
</dl>

• Создание простых списков.

• Создание вложенных списков.