Основы 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>
Скачать