htmlbook.ru - Для тех, кто делает сайты
Статьи Книги Шаг за шагом Рецепты Форум Графика для Web
Главная страница > Статьи > Списки > Список определений

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

Влад Мержевич

Текстовая версия   Добавить комментарий

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

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

Термин 1
Определение термина 1
Термин 2
Определение термина 2

Сам список задается с помощью контейнера <DL>, термин — тегом <DT>, а его определение — с помощью тега <DD>. Вложение тегов для создания списка определений продемонстрировано в примере 1.

Пример 1. Общая структура списка определений

Валидный HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Список определений</title>
</head>
<body>

<dl>
<dt>Термин 1</dt>
<dd>Определение термина 1</dd>
<dt>Термин 2</dt>
<dd>Определение термина 2</dd>
</dl>

</body>
</html>

Использование списка определений показано в примере 2.

Пример 2. Создание списка определений

Валидный HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Список определений</title>
</head>
<body>

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

</body>
</html>

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

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

Рис. 1. Вид списка определений

Статья опубликована: 07.09.2005 Последнее обновление: 26.03.2008

Прежде, чем писать комментарий к статье, примите во внимание следующие моменты.

  1. Не задавайте вопросы в комментариях, для этой цели предназначен форум, где вы получите нужную помощь.
  2. Удаляются любые комментарии, которые:
    • включают множество ошибок;
    • написаны безграмотно;
    • не имеют отношения к данной статье;
    • не содержат никакой полезной информации для посетителей.
  3. Для выделения отдельных слов используйте следующие команды: [b]жирный[/b], [i]курсив[/i], [color=цвет]цветной текст[/color], [tag]тег[/tag], [var]параметр[/var], [code]пример[/code].
  4. Потренироваться в написании комментариев вы можете в песочнице.

Комментарии к статье

neonaft

19.01.2007

Статья оказалась полезной. Спасибо.

HEXen

24.03.2007

кстати, забылось как-то про эти важные и полезные теги...

XopT

02.10.2007

Можно ли в тексте тега <DT> разместить ссылку??
Заранее спасибо!!!

XopT

08.10.2007

Уже понял что можно...
smile

Ирма

15.06.2008

оч. полезная и нужная статья, объясняющая многое!

Добавить комментарий

Имя
Комментарий

Сохранить имя (используется cookie)

Поиск по сайту

Списки
Разделы
Теги по теме

DD
Тег DD входит в тройку элементов DL, DT, DD, предназначенных для создания списка определений.

DL
Тег DL входит в тройку элементов DL, DT, DD, предназначенных для создания списка определений.

DT
Тег DT входит в тройку элементов DL, DT, DD, предназначенных для создания списка определений.

Copyright 2002–2008 Влад Мержевич, по всем вопросам пишите по адресу: vlad@htmlbook.ru

О сайте | Планы на будущее | Использование сайта | Борьба с ошибками | Технологии | Поддержать проект