Створення та розміщення таблиць в 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–адресу рисунка. |
Для форматування даних всередині клітинок таблиці передбачені параметри, наведені в табл.6.
Таблиця 6
Призначення та можливі значення параметрівформатування даних
всередині таблиці