2.6.2. Фоновые рисунки

Большинство браузеров позволяет включать в документ фоновый рисунок, который будет отображаться на фоне всего документа. Описание фонового рисунка включается в тег BODY и выглядит следующим образом:

<BODY BACKGROUND="picture.gif">

2.6.3. Задание стандартных цветов

Многие HTML-авторы любят использовать заранее предопределенные цвета фона документа, обычного текста и ссылок. Чтобы задать эти цвета, необходимо включить в тег <BODY> дополнительные параметры:

<BODY BGCOLOR="#XXXXXX" TEXT="#XXXXXX" LINK="#XXXXXX">

где каждый из атрибутов определяет цвет того или иного элемента. BGCOLOR - цвет фона документа;

TEXT - цвет простого текста документа;

LINK -Цвет ссылок.

2.6.4. Горизонтальная линия

Используя тег <HR> можно разделить текст горизонтальной чертой.

Формат тега:

<HR SIZE=number WIDTH=number|percent ALIGN=left|right|center NOSHADE>

Атрибуты тега:

SIZE - толщина линии в пикселях;

WIDTH - ширина линии в пикселях или процентах от ширины окна браузера.

ALIGN - расположение на экране (слева | по центру | справа).

NOSHADE - по умолчанию линия представлена в 3D виде с тенью. NOSHADE позволяет представить линию просто однотонной темной полоской.

Пример встраивания изображений

2.7. Таблицы в html

Таблицы в HTML организуются как набор строк и столбцов. Ячейки таблицы могут содержать любые HTML-элементы, такие, как заголовки, списки, абзацы, фигуры, графику, а также элементы форм. Таким образом, можно использовать таблицы для равномерного размещения элементов на странице.

2.7.1. Основные теги таблиц

Все элементы таблицы должны находиться внутри двух тегов <TABLE>...</TABLE>. По умолчанию таблица не имеет обрамления и разделителей. Обрамление добавляется атрибутом BORDER.

Строка таблицы задается парой тегов <TR>...</TR>. Количество строк таблицы определяется количеством встречающихся пар тегов <TR>...</TR>. Строки могут иметь атрибуты ALIGN и VALIGN, которые описывают визуальное положение содержимого строк в таблице (соответственно, расположение по горизонтали и по вертикали).

Пара тегов <TD>...</TD> описывает стандартную ячейку таблицы. Ячейка таблицы может быть описана только внутри строки таблицы. Если в строке отсутствует одна или несколько ячеек для некоторых колонок, то браузер отображает пустую ячейку. Расположение данных в ячейке по умолчанию определяется атрибутами ALIGN=left и VALIGN=middle. Данное расположение может быть изменено как на уровне описания строки, так и на уровне описания ячейки.

Ячейка заголовка таблицы определяется тегами <TH>...</TH> и имеет ширину всей таблицы; текст в данной ячейке имеет атрибут BOLD и ALIGN=center.

Теги <CAPTION>...</CAPTION> описывают название таблицы (подпись). Тег <CAPTION> может присутствовать внутри <TABLE>...</TABLE>, но снаружи описания какой-либо строки или ячейки. Атрибут ALIGN определяет, где - сверху или снизу таблицы - будет поставлена подпись. По умолчанию <CAPTION> имеет атрибут ALIGN=top, но может быть явно установлен в ALIGN=bottom. Подпись всегда центрирована в рамках ширины таблицы.

2.7.2.Основные атрибуты таблиц

BORDER - данный атрибут используется в теге TABLE. Если данный атрибут присутствует, граница таблицы прорисовывается для всех ячеек и для таблицы вцелом. BORDER может принимать числовое значение, определяющее ширину границы, например BORDER=3.

ALIGN - Если атрибут ALIGN присутствует внутри тегов <CAPTION> и </CAPTION>, то он определяет положение подписи для таблицы (сверху или снизу). По умолчанию ALIGN=top. Если атрибут ALIGN встречается внутри <TR>, <TH> или <TD>, он управляет положением данных в ячейках по горизонтали. Может принимать значения left (слева), right (справа) или center (по центру). Пример.

VALIGN - данный атрибут встречается внутри тегов <TR>, <TH> и <TD>. Он определяет вертикальное размещение данных в ячейках. Может принимать значения top (верх), bottom (низ), middle (по середине) и baseline (все ячейки строки прижаты вверх). Пример.

NOWRAP - данный атрибут говорит о том, что данные в ячейке не могут логически разбиваться на несколько строк и должны быть представлены одной строкой.

COLSPAN - указывает, какое количество ячеек будет объединено по горизонтали для указанной ячейки. По умолчанию - 1.

ROWSPAN - указывает, какое количество ячеек будет объединено по вертикали для указанной ячейки. По умолчанию - 1.

COLSPEC - данный параметр позволяет задавать фиксированную ширину колонок либо в символах, либо в процентах, например COLSPEC="20%".

СЕLLРАDDING - данный атрибут определяет ширину пустого пространства между содержимым ячейки и ее границами, то есть задает поля внутри ячейки. Пример.

СЕLLSPACING - определяет ширину промежутков между ячейками в пикселях. Если этот атрибут не указан, по умолчанию задается величина, равная двум пикселям. Пример.

Примечание: для задания различных параметров таблиц рекомендуется использование таблиц стилей. Пример таблицы c использованием стилей:

<BODY>

<STYLE REL=STYLESHEET TYPE="text/css">

.title {font-weight: bold; text-align: left}

.data {font-weight: italic; text-align: center}

</STYLE>

<TABLE BORDER=1>

<CAPTION> Таблица №1 </CAPTION>

<TR CLASS=title>

<TD ROWSPAN=2></TD>

<TH COLSPAN=2>Среднее значение</TH>

</TR>

<TR CLASS=title>

<TH>Рост, см</TH>

<TH>Вес, кг</TH>

</TR>

<TR>

<TD CLASS=title>Юноши</TD>

<TD CLASS=data>174</TD>

<TD CLASS=data>78</TD>

</TR>

<TR>

<TD CLASS=title>Девушки</TD>

<TD CLASS=data>165</TD>

<TD CLASS=data>56</TD>

</TR>

</TABLE>

</BODY>