Создание и
раскрутка
сайта -
начинающим!
 




Язык гипертекстовой разметки
HTML

   Урок 8

Тема: списки.

Использование списков позволяет более удобно и наглядно представлять текст в окне браузера. Язык HTML поддерживает ненумерованные и нумерованные списки, списки определений.

Ненумерованный список определяется метками <UL></UL>. Нумерованный - метками <OL></OL>. Элементы списка отмечаются метками <LI>. В нумерованном списке элементы нумерует сам браузер. Примеры:

<UL>Список коней:
<LI>Сивка
<LI>Бурка
<LI>вещая Каурка
</UL>
<OL>Список коней:
<LI>Сивка
<LI>Бурка
<LI>вещая Каурка
</OL>
Это дает на экране следующие списки:
    Список коней:
  • Сивка
  • Бурка
  • вещая Каурка
    Список коней:
  1. Сивка
  2. Бурка
  3. вещая Каурка

Заметим, метка <LI> непарная - т.е. метки </LI> не существует.

Список определений ограничивается метками <DL></DL>. Элементы списка отмечаются следующим образом: меткой <DT> - определяемое слово или выражение, меткой <DD> - само определение. Пример:

<DL>Расшифровка меток:
<DT>UL<DD>unordered list - ненумерованный список
<DT>OL<DD>ordered list - нумерованный список
<DT>LI<DD>list item - элемент списка
<DT>DL<DD>definition list - список определений
<DT>DT<DD>definition term - определяемый термин
<DT>DD<DD>definition description - описание определения
</DL>

Результат на экране:

Расшифровка меток:
UL
unordered list - ненумерованный список
OL
ordered list - нумерованный список
LI
list item - элемент списка
DL
definition list - список определений
DT
definition term - определяемый термин
DD
definition description - описание определения

Обратите внимание, метки <DT> и <DD> также, как и <LI>, не имеют парных закрывающих меток. В метке <DL> можно использовать атрибут COMPACT, если его применить в предыдущем примере (<DL COMPACT>), то результат выглядел бы так:

Расшифровка меток:
UL
unordered list - ненумерованный список
OL
ordered list - нумерованный список
LI
list item - элемент списка
DL
definition list - список определений
DT
definition term - определяемый термин
DD
definition description - описание определения

Списки могут быть произвольно вложены (разумно ограничиться тремя уровнями вложения). Каждый элемент списка может содержать несколько абзацев.

В списках могут использоваться следующие атрибуты:

TYPE - определяет стиль представления элементов списка (для меток <UL> и <OL>), подробнее ниже;
START - (только для нумерованного списка <OL>) определяет значение первого элемента списка. По умолчанию 1. Обратите внимание, что несмотря на то, что значение атрибута - всегда числовое значение, элемент списка может быть быть нечисловым - в зависимости от значения атрибута TYPE;
VALUE - (только для метки <LI>) устанавливает номер текущего элемента списка. Как и в предыдущем случае элемент списка может быть нечисловым, хотя его значение - всегда число.

Значение атрибута TYPE для ненумерованного списка может быть следующим:

  • DISC
  • SQUARE
  • CIRCLE

Для нумерованного списка значение атрибута TYPE может быть одним из следующих:

Значение TYPEСтиль представления элемента списка
1арабские цифры1,2,3,...
aстрочные буквыa,b,c,...
Aпрописные буквыA,B,C,...
iримские цифрыi,ii,iii,...
Iримские цифрыI,II,III,...

По умолчанию значения TYPE устанавливаются в зависимости от степени вложенности списка.