Створення та розміщення таблиць в HTML–документі

В HTML таблицівикористовуються не тільки традиційно, як метод представлення даних, але і як метод форматування Web–сторінок.Окрім типового застосування таблиць для представлення числових даних, таблиці служать для форматування документа, встановлення взаємного розміщення елементів сторінки.

Опис таблиці розміщається всередині тега <BODY>.

Кожна таблиця задається парою тегів <TABLE>…</TABLE>. Всередині цієї пари тегів розташовується опис вмісту таблиці. Кожен рядок обрамлюється парою тегів <TR>…</TR>, окрема клітинка – парою тегів <TD>…</TD>. Для клітинок–заголовків використовується пара тегів <TH>…</TH>.

За замовчуванням таблиця відображається без рамки, а розмітка здійснюється автоматично залежно від обсягу інформації, що міститься в ній.

Таблиця може мати заголовок, який поміщається між парою тегів <CAPTION>…</CAPTION>. Опис заголовку таблиці повинен розміщатися всередині пари тегів <TABLE>…</TABLE> у будь–якому місці, однак, поза зоною опису будь–якого з парних тегів <TR>, <TD> або <TH>.

Тег <CAPTION> має один допустимий параметр ALIGN, який приймає значення TOP (заголовок над таблицею) або BOTTOM (заголовок під таблицею). У більшості випадків в якості заголовку таблиці використовується текст, однак, між тегами <CAPTION>…</CAPTION> можна записувати будь–які HTML–елементи, що використовуються в розділі <BODY>.

Для розміщення таблиці на сторінці використовують параметри тега <TABLE>, наведені в табл.5. В найпростішому випадку тег <TABLE> використовується без параметрів, їх значення приймають за замовчуванням.

Таблиця 5

Призначення параметрів тега <TABLE> та їх можливі значення

Параметр	Призначення параметра та можливі його значення
ALIGN	задає спосіб горизонтального вирівнювання таблиці в області перегляду. Можливі значення: left, сеnter, right. Значення за замовчуванням – left.
VALIGN	задає спосіб вертикального вирівнювання таблиці в області перегляду. Можливі значення: top, bottom, middle.
BORDER	задає ширину зовнішньої рамки таблиці (в пікселях). При значенні BORDER=“0” або за відсутності цього атрибута рамка відображатися не буде.
CELLPADDING	задає відстань (в пікселях) між рамкою клітинки таблиці і даними всередині клітинки
CELLSPACING	задає відстань (в пікселях) між межами сусідніх клітинок
WIDTH	задає ширину таблиці. Ширина задається або в пікселях, або в процентному відношенні до ширини вікна браузера.
HEIGHT	задає висоту таблиці. Висота задається або в пікселях, або в процентному відношенні до висоти вікна браузера.
BGCOLOR	задає колір фону елементів таблиці. Задається або RGB– значенням в шістнадцятковій системі, або значенням одного з 16 базових кольорів.
BACKGROUND	дозволяє використати для заповнення фону таблиці зображення. Як значення необхідно вказати URL–адресу рисунка.