В 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–адресу рисунка. |
Для форматування даних всередині клітинок таблиці передбачені параметри, наведені в табл.6.
Таблиця 6
Призначення та можливі значення параметрівформатування даних
всередині таблиці
| Назва параметра | Призначеня та можливі значення параметрів |
| ALIGN | вказує спосіб горизонтального вирівнювання вмісту клітинки; можливі значення: left, сеnter, right (за замовчуванням спосіб вирівнювання визначається значенням атрибута ALIGN елемента TR) |
| VALIGN | вказує спосіб вертикального вирівнювання вмісту клітинки. Можливі значення: top, bottom, middle (за замовчуванням відбувається вирівнювання по центру (VALIGN="middle"), якщо значення цього атрибута не було задано раніше в елементі TR) |
| BGCOLOR | вказує колір фону клітинки (задається або RGB–значенням в шістнадцятковій системі, або значенням одного з 16 базових кольорів) |
| WIDTH | вказує ширину клітинки (задається в пікселях або в процентному відношенні до ширини таблиці) |
| HEIGHT | вказує висоту клітинки (задається в пікселах або в процентному відношенні до висоти таблиці) |
| BACKGROUND | заповнює клітинки фоновим рисунком (необхідно вказати ім'я файла, в якому міститься фонове зображення) |
