Вы здесь

Структура маркированных и нумерованных списков

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

Родительский элемент, внутри которого размещается список, задается следующими пар­ными тегами.

✓ <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,...), которое задает измененный порядок нумерации.