Атрибути елементів рядків і стовпців

· WIDTH і HEIGHT – установлюють розміри комірок рядка: ширину і висоту (можуть використовуватися в тегах <TD>, <TH>, <TR>).

· ALIGN – вирівнюють вміст в комірках. Атрибут може набувати значень LEFT, RIGHT, CENTER, JUSTIFY (вирівнювання по ширині). (можуть використовуватися в тегах <TD>, <TH>, <TR>).

· VALIGN – вирівнюють вміст по вертикалі. Можливі значення: TOP (вирівнювання по верхньому краї комірок), BOTTOM (вирівнювання по нижньому краї), MIDDLE (центрування по вертикалі). Приклад: <TR VALIGN = MIDDLE>

Крім того, при форматуванні вмісту комірок можна застосовувати теги форматування заголовків (<H1>…<H6>), символів (<B>, <I>, <FONT SIZE> тощо), вставки графічних зображень (<IMG>), вставки гіперпосилань, теги розміщення тексту (<P>, <BR>, <HR>) тощо.

4.3. Колір у таблицях

Атрибути, що визначають колір таблиць:

· BGCOLOR – колір фону в таблиці (може використовуватися в тегах <TABLE>, <TD>, <TH>, <TR>).

· BORDERCOLOR – колір рамок таблиці (може використовуватися в тегах <TABLE>, <TD>, <TH>, <TR>).

Об’єднання комірок таблиці

Для цього в початкових тегах <TD> або <TH> застосовуються такі атрибути:

· ROWSPAN – об’єднує комірки суміжних рядків. Значення атрибута задає кількість об’єднаних комірок. (<TD ROWSPAN=2> – об’єднання двох комірок з суміжних рядків)

· COLSPAN – об’єднує комірки суміжних стовпців.
(<TD COLSPAN=3> – формує комірку даних із трьох комірок суміжних стовпців)

Приклад: <TD ROWSPAN=2 COLSPAN=4> – задає комірку, розташовану на перетині двох рядків і чотирьох стовпців.

Приклад HTML-коду, що реалізує об’єднання комірок в таблиці

Комірка, що об’єднує два рядка	Комірка, що об’єднує два стовпця
Комірка 3	Комірка 4
Комірка 5	Комірка 6	Комірка 7

<HTML>

<HEAD> <TITLE> Об’єднання комірок </TITLE> </HEAD>

<BODY>

<TABLE>

<TR>

<TD ROWSPAN=2>Комірка, що об’єднує два рядка </TD>

<TD COLSPAN=2>Комірка, що об’єднує два стовпця </TD>

</TR>

<TR>

<TD> Комірка 3</TD><TD>Комірка 4</TD>

</TR>

<TR>

<TD> Комірка 5</TD><TD>Комірка 6</TD><TD>Комірка 7</TD>

</TR>

</TABLE>

</BODY> </HTML>

ГРАФІКА

Колір фону сторінки і фонове зображення

Колір фону всього HTML-документа і фонового зображення визначаються атрибутами BGCOLOR (колір фону) і BACKGROUNDCOLOR (фонове зображення) тегу <BODY>.

· Колір фону сторінки

Формат запису: <BODY BGCOLOR=колір>

· Фонове зображення

Формат запису: <BODY BACKGROUNDCOLOR=адреса зображення>.
Якщо додати атрибут BGPROPERTIES = FIXED забороняє прокручування фонового зображення.

Приклад: <BODY BACKGROUNDCOLOR=адреса зображення BGPROPERTIES = FIXED>

Додавання зображень

Для додавання зображень слід використовувати тег <IMG>, всередині якого обов’язково записується атрибут SRC, що вміщує адресу зображення.

Формат запису: <IMG SRC=адреса зображення>

Даний тег може мати ряд наступних параметрів

Вирівнювання зображень

Задається параметром ALIGN тегу <IMG>

Значення параметра ALIGN	Дія параметра
TOP	Верхня межа зображення вирівнюється по найвищому елементу поточного рядка
TEXTTOP	Верхня межа зображення вирівнюється по найвищому текстовому елементу поточного рядка
MIDDLE	Вирівнювання середини зображення по базовій лінії поточного рядка
ABSMIDDLE	Вирівнювання середини зображення посередині поточного рядка
BASELINE або BOTTOM	Вирівнювання нижньої межі зображення по базовій лінії поточного рядка
ABSBOTTOM	Вирівнювання нижньої межі зображення по нижній межі поточного рядка
LEFT	Зображення притискається до лівого поля вікна. Текст обтікає зображення з правого боку
RIGHT	Зображення притискається до правого поля вікна. Текст обтікає зображення з лівого боку