- •Списки.
- •Маркированный список
- •Нумерованный список
- •Список определений
- •Внутренние рисунки.
- •Выравнивание изображений
- •Задание размеров выводимого изображения
- •Отделение изображения от текста
- •Рамки вокруг изображений
- •Альтернативный текст
- •Использование изображения в качестве ссылки
- •Подрисуночная надпись.
Список определений
Списки определений, также называемые словарями определений специальных терминов, являются особенным видом списков. В отличие от других типов списков, каждый элемент списка определений всегда состоит из двух частей. В первой части элемента списка записывается определяемый термин, а во второй части — текст в форме словарной статьи, раскрывающий значение термина.
Списки определений задаются с помощью тэга-контейнера <DL> (Definition List). Внутри контейнера тэгом <DT> (Definition Term) помечается определяемый термин, а тэгом <DD> (Definition Description) — абзац с его определением. Для тэгов <DT> и <DD> можно не записывать соответствующие закрывающие тэги.
Список определений записывается следующим образом:
<DL>
<DT>Термин
<DD>Определение термина
…
</DL>
Как правило, текст определяемого термина(<DT>) должен располагаться в одной строке. Текст, содержащий определение термина (<DD>), выводится, начиная со следующей строки с отступом вправо.
Пример
<DL>
<DT> NCSA
<DD> NCSA (National Center for Supercomputing Applications).
<DT> CTC
<DD> CTC (Cornell Theory Center).
</DL>
На экране:
NCSA
NCSA (the National Center for Supercomputing Applications)
CTC
CTC (Cornell Theory Center).
Списки допускают вложение одного списка в другом и т.д.
Внутри элемента списка можно использовать дескрипторы абзаца для увеличения разреженности списка.
Внутренние рисунки.
Для встраивания изображений в HTML-документ следует использовать тэг <IMG>, имеющий единственный обязательный параметр SRC, определяющий URL-адрес файла с изображением.
<IMG SRC=image_URL>
где image_URL - URL файла, содержащего рисунок. Таким образом, синтаксис ссылки на рисунок аналогичен синтаксису гиперссылки HREF.
Выравнивание изображений
Используется параметр align, который позволяет задавать взаимное расположение рисунка и текста. Возможные значения этого параметра приведены ниже.
- ТОР – Верхняя граница изображения выравнивается по самому высокому элементу текущей строки.
- ТЕХТТОР – Верхняя граница изображения выравнивается по самому высокому текстовому элементу текущей строки.
- MIDDLE – Выравнивание середины изображения по базовой линии текущей строки.
- ABSMIDDLE – Выравнивание середины изображения посередине текущей строки.
- BASELINE или BOTTOM - Выравнивание нижней границы изображения по базовой линии текущей строки.
- ABSBOTTOM – Выравнивание нижней границы изображения по нижней границе текущей строки.
- LEFT – Изображение прижимается к левому полю окна. Текст обтекает изображение с правой стороны.
- RIGHT – Изображение прижимается к правому полю окна. Текст обтекает изображение с левой стороны.
Все значения параметров выравнивания изображений можно условно разделить на две группы по их принципу действия. К одной группе относятся два значения параметра — LEFT и RIGHT. При использовании любого из этих параметров мы получаем так называемое "плавающее" изображение. В этом случае изображение прижимается к соответствующему краю окна просмотра браузера, а последующий текст (или другие элементы) "обтекают" изображение с противоположной стороны. Здесь текст, размещаемый рядом с изображением, может занимать несколько строчек. К другой группе значений параметров относятся все остальные. При их использовании изображение как бы встраивается в строчку текста, а параметры выравнивания задают расположение изображения относительно строки текста.
По умолчанию изображения выравниваются по базовой линии.
