Списки-определения
Списки-определения используются для оформления определений терминов. Начинаются такие списки тегом <DL>. Термины определяются с помощью тега <DT>, а соответствующие определения - тегом <DD>.
<DL>
<DT> Термин 1
<DD> Определение 1
<DT> Термин 2
<DD> Определение 2
<DT> Термин 3
<DD> Определение 3
</DL>.
Пример 5. Html-документ со списком-определением
<html>
<head>
<title>Дистанционное образование</title>
</head>
<body>
<H2> Пример списка-определения </H2>
<dl >
<dt> Информационная технология -
<dd> процесс, использующий совокупность средств и методов сбора, обработки и передачи данных (первичной информации) для получения информации нового качества о состоянии объекта, процесса или явления (информационного продукта).
<dt>Новая информационная технология –
<dd>информационная технология с "дружественным" интерфейсом работы пользователя, использующая персональные компьютеры и телекоммуникационные средства.
</dl>
</body>
</html>
Вид этого документа в броузере см. на рис. 8.4.
Рис. 8.4. HTML-документ, содержащий список-определение
Вложенные списки
Списки можно вкладывать друг в друга. Вложение списков в списки позволяет создавать несколько уровней систематизации информации. Ниже приведен текст документа, в котором несколько маркированных списков вложены в один нумерованный. Вид этого документа показан на рис. 8.5.
Пример 6. Html-документ с вложенными списками
<HTML>
<HEAD>
<TITLE> Вложенные списки </TITLE>
</HEAD>
<BODY>
<CENTER><H2>Элементы Web-дизайна</H2></CENTER>
<OL TYPE=1>
<LI>Списки
<UL>
<LI>маркированные
<LI>нумерованные
<LI>многоуровневые
<LI>вложенные
</UL>
<LI>Таблицы
<UL>
<LI>с обрамлением
<LI>без обрамления
<LI>с объединенными ячейками
</UL>
<LI>Графика
<UL>
<LI>изображения, рисунки
<LI>фоновые изображения
</UL>
</OL>
<
/BODY>
</HTML>
Рис. 8.5. Пример документа с вложенными списками
8.6. Абзацы и разрывы строк
Тег <P>, разделяющий текст на абзацы, является наиболее часто используемым в HTML-документах.
Этот тег имеет только один атрибут – ALIGN, позволяющий выравнивать текст. Возможные значения атрибута ALIGN:
LEFT - по левому краю;
RIGHT - по правому краю;
CENTER - по центру;
justify – по ширине.
Если атрибут не задан, то абзац выравнивается по левому краю.
Следует отметить такую особенность форматирования абзаца – пустые строки, намеренно или случайно оставленные разработчиком между абзацами, никак не влияют на внешний вид страницы в броузере. Это же касается разрывов строк внутри абзаца. Текст, заключенный в теги абзаца, форматируется автоматически, и строки разрываются у границы окна броузера.
Если же требуется разбить строки абзаца в определенной точке, следует использовать тег разрыва строки <BR>. Этот тег не парный, т.е. существует только тег начала (тег конца не имеет смысла).
Отличие действия тегов <P> и <BR> в том, что тег <P> создает отступ (высотой в одну строку) между последней строкой абзаца и первой строкой следующего абзаца. А тег <BR> просто разрывает строку и переносит текст на следующую.