Урок 7

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

Использование списков позволяет более удобно и наглядно представлять текст в окне браузера. Язык 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 устанавливаются в зависимости от степени вложенности списка.


[Предыдущий урок]   [Следующий урок]   [В начало]  

Используются технологии uCoz