2.6. Создание списков.

2.6.1. Упорядоченные (нумерованные) списки

Упорядоченные (или нумерованные) списки имеют следующий вид:

<OL> - начало списка

<LI> ... первый пункт списка

<LI> ... второй пункт списка

.....

</OL> конец списка

В элементе OL может использоваться атрибут start, задающий первое число, с которого начнется нумерация пунктов в таком списке (по умолчанию нумерация начинается с первого номера - 1). Вы можете в любой момент изменить порядок нумерации, записав другой атрибут value в любом из элементов LI Предполагается, что оба эти атрибута будут иметь значением целое число. Вы не можете запрограммировать разметку так, чтобы каким-либо образом автоматически продолжить текущую нумерацию в следующем списке, либо пропустить несколько номеров (т.е. не задавая явным образом в элементах OL или LI требуемый номер). Атрибут type в элементе OL дает вам возможность выбрать стиль, каким будет осуществляется нумерация списка.

2.6.2. Неупорядоченные списки

<ol type="a" >

<li> наличие хорошей посещаемости </li>

<li> наличие продукта для продажи </li>

<li> наличие блоков рекламы </li>

</ol>

Результат интерпретации кода браузером.

1. наличие хорошей посещаемости

2. наличие продукта для продажи

3. наличие блоков рекламы

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

Маркированные (неупорядоченные ) списки имеют вид:

<UL> - начало списка

<LI> ... первый пункт списка

<LI> ... второй пункт списка

...

</UL>

Элемент UL используется для создания неупорядоченных списков. Причем для этого элемента всегда необходимо указывать и начальный и конечный тэги. Для маркировки отдельных пунктов списка используется элемент LI. Конечный же тэг для элемента LI может быть всегда опущен. Заметим, что элементы LI могут содержать вложенные списки.

В элементах UL и LI может использоваться атрибут type, устанавливающий стиль разметки для данного списка.

Допустимые значения атрибута - "disc", "square" и "circle". Стиль разметки в общем случае зависит от уровня вложенности данного списка.

Пример:

<ul>

<li type="disc">Круг</li>

<li type="square">Квадрат</li>

<li type="circle">Окружность</li>

</ul>

Результат отображения на экране:

Круг Квадрат Окружность

2.6.4. Вложенные списки.

Списки могут быть произвольно вложенными друг в друга, хотя на практике лучше ограничиваться 3-мя уровнями вложенности. У вас также может быть несколько параграфов, каждый из которых содержит вложенный список, и все это в единственном элементе основного списка. Пример вложенного списка:

<UL>

<LI> Группы УПО:

<UL>

<LI> УПО-411

<LI> УПО-412

</UL>

<LI> Группы ГРК:

<UL>

<LI> ГРК-411

<LI> ГРК-412

</UL>

</UL>

Результат отображения кода на экране:

Группы УПО: УПО-411 УПО-412 Группы ГРК: ГРК-411 ГРК-412

Ниже приводится второй вариант данного списка, в котором используется параметр type.

<UL type=square>

<LI> Группы УПО:

<UL type="a">

<LI> УПО-411

<LI> УПО-412

</UL>

<LI> Группы ГРК:

<UL type="i">

<LI> ГРК-411

<LI> ГРК-412

</UL>

</UL>

Результат отображения кода на экране:

Группы УПО: УПО-411 УПО-412 Группы ГРК: ГРК-411 ГРК-412