Создание 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
— Пункт 2
- Пункт 2.1
- Пункт 2.2
— Пункт 3
- Пункт 3.1
- Пункт 3.2
Рис. 3.6.