1.4. Списки
Текст на страничке может быть отформатирован в виде списков: маркированных (<UL></UL>), нумерованных (<OL></OL>) и списков определений (<DL></DL>). Списку может предшествовать заголовок (<LH></LH>), который является не обязательным элементом.
Маркированный список. Для маркированного списка применяют тег <UL></UL>, а для вхождения пунктов в список тег <LI> пункт списка </LI>. При оформлении маркированного списка используется вид маркера, который можно задать с помощью атрибута TYPE. Данный атрибут может принимать следующие значения: disc, circle, square.
Disc – метки отображаются в виде заполненных черным цветом окружностей.
Circle – метки отображаются в виде полых окружностей.
Square – метки отобразятся в виде заполненных черным цветом квадратов.
По умолчанию (т. е., когда опускаем параметр TYPE), используется значение disc.
Например,
<UL>
<LH>Заголовок списка</LH>
<LI> пункт списка 1 </LI>
<LI> пункт списка 2 </LI>
<LI> пункт списка 3 </LI>
<LI> пункт списка 4 </LI>
</UL>
отобразит в браузере маркированный список (рис. 1.6).
Рис. 1.6. Пример оформления
маркированного списка в HTML
Вместо стандартных HTML-маркеров можно использовать собственные графические изображения. Для этого внутри тега контейнера <UL> вместо указателя элемента <LI> размещается конструкция описания графических объектов <IMG>, где атрибут SRC задает имя файла:
<UL>
<IMG SRC="marker.gif"> пункт списка 1
<IMG SRC="marker.gif"> пункт списка 2
<IMG SRC="marker.gif"> пункт списка 3
……………………………………………
<IMG SRC="marker.gif"> пункт списка n
</UL>
В качестве маркера будет представлено изображение, находящееся в файле marker.gif.
Нумерованный список. Для нумерованного списка используется тег <OL></OL>, а для вхождения пунктов в список также используется тег <LI> пункт списка </LI>. В этом теге значение атрибута TYPE может принимать следующие значения:
1 – обычные арабские числа 1, 2, 3;
I – римские цифры в заглавном регистре;
i – римские цифры в строчном регистре i, ii, iii и т. д.;
A – символьная маркировка в заданном регистре A, B, C;
a – символьная маркировка в строчном регистре a, b, c.
Атрибут START – позволяет задавать позицию, с которой следует начать маркировку. Например, START="5" – нумерация начинается с 5, START="D" – нумерация начинается с D.
<OL TYPE="1" START="4">
<LI> пункт списка 1 </LI>
…………………………………
<LI> пункт списка n </LI>
</OL>
В данном примере нумерация списков будет осуществляться арабскими цифрами и начнется с цифры 4.
Список определений. Список определений <DL></DL> представляет собой более сложную структуру, представленную двумя типами элементов <DT> </DT> (задает термин) и <DD> </DD> (задает определение термина и отображается новым абзацем).
<DL>
<DT>Треугольник </DT>
<DD> Многоугольник с тремя сторонами</DD>
<DT>Равнобедренный треугольник </DT>
<DD> Треугольник, в котором две стороны равны</DD></DL>
Результат отображения данного примера показан на рис. 1.7.
Рис. 1.7. Пример оформления
списка определений
* * *
В теоретической части главы мы ознакомились с базовыми понятиями, относящимися к созданию web-страницы, структурой документа и основными тегами, с помощью которых создается эта структура. Также мы перечислили правила создания web-страницы и рассмотрели логические, физические и структурные элементы, используемые для придания тексту определенного стиля, типа выделения, организацию и вид абзацев, закончили элементами организации списков.