Иллюстрированный самоучитель по созданию сайтов



Маркированные и нумерованные списки - часть 6


<SMALL><A HREF="#Top">B начало</А></SMALL>

Теперь обсудим, как организовать объяснение терминов. Для этого в

HTML

предусмотрен тег

<DL>

.

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

</DL>

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

<DT>

для выделения самих терминов и

<DD>

для их определений. Теги

<DT>

и

<DD>

могут использоваться без соответствующей закрывающей пары (сравните с рассмотренным ранее тегом

<LI>

). Элементы, обозначенные как термины (

<DT>

), выводятся практически без отступа, а элементы, обозначенные как определения (

<DD>

) — с довольно большим отступом. Ни те, ни другие элементы не маркируются.

На наш взгляд, хорошо бы еще элементы-термины выделять, например полужирным начертанием. Некоторые броузеры так и делают, однако большинство — нет. Поэтому в нашем примере мы сами на всякий случай заботимся об этом, заключая каждый термин между тегами

<В>...</В>.

Итак, приведем пример странички-словаря терминов. Для экономии места алфавит здесь обрывается на букве “Е”. Далее его легко можно продолжить самостоятельно (а если терминов много, то, возможно, стоит его продолжить в другом файле, чтобы не заставлять пользователя ждать загрузки слишком большого файла с сервера). Более того, здесь заполнены только разделы на буквы “А” и “Б”, чего для примера вполне достаточно.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

<HTML>

<HEAD>

<TITLE>Словарь терминов</TITLE>

<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html;charset=windows-1251">

</HEAD>

<BODY BGCOLOR="#EAEAEA" TEXT="Black" LINK="#7A3F51" VLINK="#7A3F51" ALINK="#7A3F51">

<H1><A NАМЕ="Тор">Словарь терминов</А></Н1>

<HR ALIGN="left" WIDTH="40%">




Содержание  Назад  Вперед