· 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 | Зображення притискається до правого поля вікна. Текст обтікає зображення з лівого боку |
Розміри зображення
Задається параметрами WIDTH (ширина) HEIGHT (висота) тегу <IMG> в пік селях або відсотках
Формат запису: <IMG SRC=адреса зображення WIDTH=число HEIGHT=число>
або <IMG SRC=адреса зображення WIDTH=число% HEIGHT=число%>
