Создание Web документа

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

I. Пункт 1 II. Пункт 2 III. Пункт 3 Пункт 4

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

Способ нумерации задается при помощи атрибута type.

В табл. 3.1. приведены все способы нумерации.

Атрибут

Последовательность нумерации

type=''1''

1,2,3,4,…

type=''i''

i, ii, iii, iv,…

type=''I''

I, II, III, IV,…

type=''a''

a, b, c, d,…

type=''A''

A, B, C, D,…

Табл. 3.1. Значение атрибута type Списки с определениями (definition lists) создаются при помощи тегов трех видов:

<DL> <DT> Пункт 1 <DD> Определение пункта 1 <DD> Другое определение пункта 1 <DT> Пункт 2 <DD> Определение пункта 2 <DT> Пункт 3 <DD> Определение пункта 3 </dl>

Наглядное представление ос писке с определениями дает рис. 3.5. Каждый пункт списка может быть дополнен одним или несколькими блоками текста при помощи тега (тегов) DD. Каждый блок автоматически размещается с новой строки. Термин «определение» носит условный характер. Абзацы, размещенные в списке, могут быть определениями, дополнениями, разъяснениями пунктов. По сути, пункт представляет собой заголовок, а определение — произвольный текст под заголовком.

Пункт

1 Определение пункта

Другое определение пункта

Пункт

2 Определение пункта

Пункт

3 Определение пункта

Рис. 3.5. Список с определениями

Другой способ создания сложных списков — использование принципа вложения. Каждый элемент, определяющий пункт списка, может содержать еще один список. Вложенный список располагается с небольшим отступом вправо относительно списка верхнего уровня. Каждый из списков может быть создан и отлажен отдельно, а затем все составляющие могут быть объединены в один большой список. В том случае, когда структура списка ясна, удобно воспользоваться шаблоном. В нем должны быть указаны все пункты на всех уровнях. Доработка такого шаблона сводиться к вписыванию конкретных строк текста в соответствующие пункты. Ниже дан пример такого шаблона:

<UL> <LI> Пункт 1 <OL> <LI> Пункт 1.1

<LI> Пункт 1.2

</ol> <LI> Пункт 2 <OL> <LI> Пункт 2.1

<LI> Пункт 2.2

</ol> <LI> Пункт 3 <OL> <LI> Пункт 3.1

<LI> Пункт 3.2

</ol> </ul>

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

— Пункт 1

  1. Пункт 1.1
  2. Пункт 1.2

— Пункт 2

  1. Пункт 2.1
  2. Пункт 2.2

— Пункт 3

  1. Пункт 3.1
  2. Пункт 3.2

Рис. 3.6.