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

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

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

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

• списки определений позволяют составлять перечни определений в так называемой словарной форме.

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

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

Сначала создадим главный нумерованный список основных категорий программного обеспечения. Список располагается внутри контейнера <ОL></ОL>, а каждый элемент списка определяется тэгом <LI>. С помощью атрибута ТУРЕ тэга <ОL> можно задать тип нумерации: арабские цифры (по умолчанию), "I" (римские цифры), "а" (строчные буквы) и др.

9. Открыть в Блокноте файлsoftware.htm,ввести заголовок «Программное обеспечение » и добавить следующий НТМL-код, задающий список:

<OL>

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

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

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

</ОL>

Создадим теперь вложенный ненумерованный список для одного из элементов основного списка. Список располагается внутри контейнера <UL>/<UL>, а каждый элемент списка определяется также тэгом <LI>. С помощью атрибута ТУРЕ тэга <UL> можно задать вид маркера списка: "disc" (диск), "square" (квадрат) или "с1гс1е" (окружность).

10. Добавить НТМL-код, задающий вложенный список для элемента

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

<UL>

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

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

редакторы;

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

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

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

</UL>

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

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

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