Списки.
В языке HTML предусмотрены следующие основные типы списков: маркированный, нумерованный и список определений. Для реализации списков различных типов используются следующие тэги: <UL>, <OL>, <DL>.
Маркированный список
Формальный перевод названия соответствующего тэга < UL >, с помощью которого и организуются списки такого типа в HTML-документах (UL — Unordered List, неупорядоченный список).
В маркированном списке для выделения его элементов используются специальные символы, называемые маркерами списка (часто их называют буллетами, что является формальным озвучением английского термина bullet - пуля). Вид маркеров списка определяется браузером, причем при создании вложенных списков браузеры автоматически разнообразят вид маркеров различного уровня вложенности.
Для создания маркированного списка необходимо использовать тэг <UL> </UL>, внутри которого располагаются все элементы списка. Открывающий и закрывающий тэги списка обеспечивают перевод строки до и после списка, отделяя, таким образом, список от основного содержимого документа.
Каждый элемент списка должен начинаться тэгом < LI > (LI — List Item, элемент списка). Тэг < LI > не нуждается в соответствующем закрывающем тэге, хотя его наличие в принципе не возбраняется. Браузеры обычно при отображении документа начинают каждый новый элемент списка с новой строчки.
Пример
<UL>
<LI> ручка
<LI> карандаш
<LI> тетрадь
</UL>
На экране:
· ручка
· карандаш
· тетрадь
В тэге <UL> может быть указан параметр TYPE, принимающий следующие значения: disc, circle и square.
Этот параметр используется для принудительного задания вида маркеров списка. Конкретный вид маркера будет зависеть от используемого браузера. Типичными вариантами отображения являются следующие:
|
|
TYPE = disc - маркеры отображаются закрашенными кружками;
TYPE = circle — маркеры отображаются не закрашенными кружками;
TYPE = square — маркеры отображаются закрашенными квадратиками.
Параметр TYPE с теми же значениями может употребляться для указания вида маркеров отдельных элементов списка (LI).
Нумерованный список
Формальный перевод названия соответствующего тэга <OL>, с помощью которого и организуются списки такого типа (OL — Ordered List, упорядоченный список).Перед каждым его элементом автоматически проставляется порядковый номер. Вид нумерации зависит от браузера и может задаваться параметрами тэгов списка. В остальном реализация нумерованных списков во многом похожа на реализацию маркированных списков.
Пример
<OL>
<LI> ручка
<LI> карандаш
<LI> тетрадь
</OL>
На экране:
1. ручка
2. карандаш
3. тетрадь
Параметр TYPE используется для задания вида нумерации списка. Может принимать следующие значения:
TYPE = А — задает маркеры в виде прописных латинских букв;
TYPE = а — задает маркеры в виде строчных латинских букв;
TYPE = I — задает маркеры в виде больших римских цифр;
TYPE = i — задает маркеры в виде маленьких римских цифр;
TYPE = 1 — задает маркеры в виде арабских цифр.
По умолчанию всегда используется значение TYPE = 1.
Здесь, в отличие от маркированных списков, браузеры по умолчанию не делают различной нумерацию на различных уровнях вложенности списков. После номера элемента списка всегда дополнительно выводится знак "точка".
|
|
Параметр TYPE с теми же значениями может употребляться для указания вида нумерации отдельных элементов списка.
Параметр START тэга <OL> позволяет начать нумерацию списка не с единицы. В качестве значения параметра START всегда должно указываться натуральное число, вне зависимости от вида нумерации списка.
Значение параметра VALUE тэга <LI> позволяет изменить номер данного элемента списка. При этом изменяется нумерация и всех последующих элементов.
Список определений
Списки определений, также называемые словарями определений специальных терминов, являются особенным видом списков. В отличие от других типов списков, каждый элемент списка определений всегда состоит из двух частей. В первой части элемента списка записывается определяемый термин, а во второй части — текст в форме словарной статьи, раскрывающий значение термина.
Списки определений задаются с помощью тэга-контейнера <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. При использовании любого из этих параметров мы получаем так называемое "плавающее" изображение. В этом случае изображение прижимается к соответствующему краю окна просмотра браузера, а последующий текст (или другие элементы) "обтекают" изображение с противоположной стороны. Здесь текст, размещаемый рядом с изображением, может занимать несколько строчек. К другой группе значений параметров относятся все остальные. При их использовании изображение как бы встраивается в строчку текста, а параметры выравнивания задают расположение изображения относительно строки текста.
По умолчанию изображения выравниваются по базовой линии.