Списки на Web-страницах

Довольно часто при размещении текста на Web-страни­цах удобно использовать списки в различных вариантах:

• нумерованные списки, когда элементы списка идентифи­цируются с помощью чисел;

• маркированные списки (в HTML их принято называть не­нумерованными), когда элементы списка идентифициру­ются с помощью специальных символов (маркеров);

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

На странице «Программы» разместим информацию об основных типах программного обеспечения компьютера в форме вложенного списка.

Глава 13

Сначала создадим главный нумерованный список основ­ных категорий программного обеспечения. Список распола­гается внутри контейнера <OL></OL>, а каждый элемент списка определяется тэгом <Ы>. С помощью атрибута TYPE тэга <0L> можно задать тип нумерации: арабские цифры (по умолчанию), "I" (римские цифры), "а" (строчные буквы) и ДР-9. Открыть в Блокноте файл software.htm, ввести заголовок

«Программное обеспечение» и добавить следующий

HTML-код, задающий список:

<OL>

<Ы>Системные программы

<Ы>Прикладные программы

<Ы>Системы программирования

</OL>

Создадим теперь вложенный ненумерованный список для одного из элементов основного списка. Список располагает­ся внутри контейнера <UL></UL>, а каждый элемент списка определяется также тэгом <Ы>. С помощью атрибута TYPE тэга <UL> можно задать вид маркера списка: "disc" (диск), "square" (квадрат) или "circle" (окружность). 10. Добавить HTML-код, задающий вложенный список для

элемента<LI> Прикладные программы:

<UL>

<LI TYPE="square">

текстовые редакторы;

Программное обеспечение

<LI> графические

редакторы;

<LI> электронные таблицы

Прнизл*и не программы • rwet вы* редакторы • графические редаггфы   ■ зле» гроКНые таблицы ■ системы Управления базами данных ■"■и!емы гр01"Раммнров!ния

<LI> системы управления

базами данных.

</UL>

Страницу «Словарь» мы представим в виде словаря компьютерных терминов.

Для этого используем контейнер списка определений </DL>. Внутри него текст оформляется в виде термина, ко­торый выделяется непарным тэгом <DT>, и определения, ко­торое следует за тэгом <DD>.

11. Открыть в Блокноте файл glossary.htm, ввести заголовок «Компьютерные термины» и добавить следующий HTML-код, задающий список определений: