Основы HTML: Списки терминов
реклама
Основы HTML: Списки терминов Список определений представляет собой текст, состоящий из двух взаимосвязанных наборов — списка с терминами и списка определений терминов. Вначале указывается первый термин, ниже него идет его определение, затем следующий термин с определением и т.д. Структура списка определений следующая. Термин 1 Определение термина 1 Термин 2 Определение термина 2 Сам список задается с помощью контейнера <DL>, термин — тегом <DT>, а его определение — с помощью тега <DD>. Вложение тегов для создания списка определений продемонстрировано в примере 1. Пример 1. Общая структура списка определений <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <dl> <dt>Термин 1</dt> <dd>Определение термина 1</dd> <dt>Термин 2</dt> <dd>Определение термина 2</dd> </dl> </body> </html> Использование списка определений показано в примере 2. Пример 2. Создание списка определений <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <dl> <dt>Лев</dt> <dd>Хищное животное из семейства кошачьих. Характеризуется длинным хвостом с кисточкой на конце и гривой. Обитает в Африке.</dd> <dt>Клетка</dt> <dd>Инструмент для поимки льва. Представляет собой большую коробку, боковые стенки которой сделаны из стальных прутков.</dd> </dl> </body> </html> Результат данного примера показан ниже. Лев Хищное животное из семейства кошачьих. Характеризуется длинным хвостом с кисточкой на конце и гривой. Обитает в Африке. Клетка Инструмент для поимки льва. Представляет собой большую коробку, боковые стенки которой сделаны из стальных прутков. Маркированный список в HTML Одним из типов списков, реализованных в языке HTML, является маркированный список. Иначе списки такого типа называют ненумерованными или неупорядоченными. Последнее название часто используется как формальный перевод названия соответствующего тега <UL>, с помощью которого и организуются списки такого типа в HTML-документах (UL — Unordered List, неупорядоченный список). В маркированном списке для выделения его элементов используются специальные символы, называемые маркерами списка (часто их называют буллетами, что является формальным озвучением английского термина bullet — пуля). Вид маркеров списка определяется браузером, причем при создании вложенных списков браузеры автоматически разнообразят вид маркеров различного уровня вложенности. Теги <UL> и <LI> Для создания маркированного списка необходимо использовать тег-контейнер <UL> </UL>, внутри которого располагаются все элементы списка. Открывающий и закрывающий теги списка обеспечивают перевод строки до и после списка, отделяя, таким образом, список от основного содержимого документа, поэтому здесь нет необходимости использовать теги абзаца <P> или принудительного перевода строки <BR>. Каждый элемент списка должен начинаться тегом <LI> (LI — List Item, элемент списка). Тег <LI> не нуждается в соответствующем закрывающем теге, хотя его наличие в принципе не возбраняется. Браузеры обычно при отображении документа начинают каждый новый элемент списка с новой строчки. Приведенных сведений достаточно для построения элементарного маркированного списка. Приведем пример HTML-документа, использующего маркированный список, отображение которого браузером показано на рис. 2.1. <HTML> <HEAD> <TITLE>Пример маркированного списка</TITLE> </HEAD> <BODY> <UL> <B>Знаки зодиака:</B>
