Создание списков.

 

В языке HTML существует возможность создания различных списков и перечислений. Для этого используются теги <UL>, <OL> и <DL>, а элементы списка отмечаются тегом <LI> в первых двух случаях и тегами <DT> и <DD> - в последнем, при этом допуска­ются вложенные списки любой глубины.

Рассмотрим следующий пример ненумерованного списка (Unordered List) и использования тегов <UL> и <LI>:

Пример 9:

 <UL>

<LI>красный

<LI>оранжевый

<LI>желтый

<LI>зеленый

<LI>голубой

<LI>синий 

<LI>фиолетовый

</UL>

Для ненумерованного списка можно использовать атрибут type="..." , указывающий на тип маркера каждого элемента спи­ска. Допускается использовать следующие значения: type="disc", type="circle" и type="square".

Нумерованный список (Ordered List) создают, используя теги <OL> и <LI>.

 Пример 10:

<OL>

<LI>элемент первый.

<LI>элемент второй.

<LI>элемент третий.

</OL>

По умолчанию нумерация выполняется арабскими цифрами, на­миная с единицы. Используя атрибуты тега <OL>, можно изменить стиль оформления списка. Атрибут type="..." определяет стиль нумерации (буквы или цифры), при этом допускаются следующие его значения:

■      order-type="A" - использовать большие латинские буквы;

■      order-type="a" — использовать маленькие буквы;

■      order-type="I" - использовать большие римские цифры;

■      order-type="i "— использовать маленькие римские цифры;

■      order-type="l" — использовать арабские цифры.

Атрибут start="..." определяет начальное значение списка (десятичное число), например, start="5".

Третий тип списков - это список определений. Он позволяет пе­речислить не только пункты списка, но также и их описания. Такой список заключается в теги <DL> и </DL>, каждый пункт распола­гается в контейнере <DT>...</DT>, а его описание - в контейнере <DD>...</DD>.

Пример 11:

<DL>

<DT>Пункт  первый</DТ>

<DD>Описание первого  пункта</DD>

<DT>Пункт второй</DT>

 <DT>Описание второго пункта</DD>

<DТ>Третий пункт</DT>

 <DD>Oписание третьего пункта</DD>

 </DL>

Теги </DT> и </DD> являются необязательными и могут быть опущены.

 

И, наконец, рассмотрим пример вложенного списка, в котором допускается использовать теги <UL>, <OL> и <LI>.

Пример 12:

<UL>

<LI>Первый раздел <UL>

<LI>Первый подраздел первого раздела

<LI>Второй подраздел первого раздела

 <OL type=a>

<LI>Первый список

                                                     <LI>Второй список </OL>

                                                   <LI>Третий подраздел первого раздела </UL>

                                                       <LI>Второй раздел </UL>

 

Задать вопрос.