Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное


Статьи

Основы HTML
Текст
Изображения
Ссылки
Списки
Таблицы
Формы
Фреймы
Основы CSS
Рецепты CSS
Оформление таблиц
Основы верстки
Табличная верстка
Верстка с помощью слоев
Использование слоев
Примеры верстки слоями

Список определений

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

Структура списка определений следующая.

Термин 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>

Результат данного примера показан ниже.

Лев
Хищное животное из семейства кошачьих. Характеризуется длинным хвостом с кисточкой на конце и гривой. Обитает в Африке.
Клетка
Инструмент для поимки льва. Представляет собой большую коробку, боковые стенки которой сделаны из стальных прутков.




На главную









  • При использовании материалов сайта ссылка на comnew.ru обязательна!