Списки строятся по принципу вложения элементов. Вначале определяется родительский элемент, задающий тип списка, после чего следуют дочерние элементы заголовка и отдельных строк списка.
Родительский элемент, внутри которого размещается список, задается следующими парными тегами.
✓ <UL> . . . </UL> - маркированный список. Сокращение UL происходит от другого названия данного элемента: Unordered List - неупорядоченный список.
✓ <OL> . . . </OL> - нумерованный список. Сокращение OL означает Ordered List - упорядоченный список.
✓ <DL> . . . </DL> - список определений (сокращение от Definition List).
Заголовок списка является необязательным элементом, он формируется с помощью парного тега <LH>:
< LH >3aголовок списка </ LH >
Содержимое списка состоит из отдельных строк. Каждая строка задается одиночным тегом < LI > (сокращение от List Item - элемент списка), например:
<LI>Содержимое строки списка
Таким образом, количество элементов LI равно количеству строк в списке. В результате маркированный список оформляется следующим образом:
<!--Заголовок списка-->
< LI >< !--Первая строка списка-->
< LI >< !--Последняя строка списка-->
</UL>
Отдельная строка при отображении маркируется сообразно выбранному автором виду списка.
Маркированный список (элемент UL )
Рассмотрим подробнее создание маркированного списка, например, списка рубрик некого сайта:
< HTML >
< HEAD >
<ТIТLЕ>Маркированный список< / TITLE >
</HEAD>
<BODY>
<Н2 >Список рубрик:</Н2 >
< UL >
<LI>Новости
<LI>Финансы
<LI>Спорт
<LI>Погода
<LI>Горячая линия
</UL>
</BODY >
</HTML>
Нумерованный список (элемент OL )
Формирование нумерованного списка сводится к применению парного тега <OL></OL> для обрамления элементов списка. Ниже приведен код документа с нумерованным списком,
< HTML >
< HEAD >
<ТIТLЕ>Нумерованный список</ТIТLЕ>
</ HEAD >
< BODY >
<OL>
< Н 2> Состав интегрированного пакета Microsoft Office 2000:</ Н 2>
<LI>Word;
<LI>Excel ;
<LI>Access ;
<LI>PowerPoint ;
<LI>Outlook;
<LI>FrontPage ;
<LI>Publisher ;
<LI>Project ;
<LI>PhotoDraw;
<LI>Team Manager.
</ OL >
</ BODY >
</ HTML >
Обратите внимание, что заголовок Н2 включен в контейнер < OL >. Поэтому заголовок выровнен по левому краю элементов списка (без учета номеров).
В HTML допускается несколько стилей нумерации, которые задаются атрибутом type. В зависимости от значения атрибута type списку присваиваются следующие стили нумерации:
✓ type = 1 - нумерация арабскими цифрами (1, 2, 3,...). Кстати такая нумерация применяется по умолчанию (если атрибут type отсутствует);
✓ type=A - нумерация прописными буквами английского алфавита (А, В, С,...);
✓ type=a - нумерация строчными буквами английского алфавита (а, Ь, с,...);
✓ type = I - нумерация с помощью римских цифр ( I , II, III,...);
✓ type=i - нумерация строчными римскими цифрами ( i , ii , iii , iv ,. ..).
Вы можете изменить начало нумерации строк списка, а также порядок нумерации внутри списка. Например, первой строке списка можно присвоить номер 101, тогда все остальные строки будут пронумерованы последовательно (102, 103...). При изменении порядка нумерации списка нужно придерживаться следующих правил.
✓ Задание номера первой строки. Этот номер определяется атрибутом start в элементе OL . Значением атрибута является число или буква, с которой начинается нумерация строк. Например, все строки списка будут последовательно пронумерованы, начиная с буквы Е, если вы в качестве начального установите тег < OL type = A start =5>;
Изменение нумерации внутри списка. Подобные изменения задаются атрибутом value в теге < LI >. Этот атрибут может принимать только численное значение (2,3,...), которое задает измененный порядок нумерации.