13 Створення таблиць за допомогою html

Для створення таблиць в мові HTML використовуються наступні елементи:

• table — створює таблицю;

• caption — задає заголовок для таблиці;

• tr — задає рядок таблиці;

• тн — задає елемент таблиці, заголовок стовпця;

• td — задає простий елемент таблиці з даними;

• thead, tbody, tfoot — елементи угрупування рядків;

• colgroup, col — елементи угрупування стовпців.

Елемент TABLE

У мові HTML для створення таблиць служить елемент table. Весь код таблиці повинен розташовуватися між тегами <table> і </table>. Атрибути цього елементу задають параметри для всієї таблиці цілком.Сама таблиця формується порядково. Елемент tr (Table Row — рядок таблиці) відповідає за створення рядка таблиці. Усередині нього може розміщуватися декілька комірок, створюються вони за допомогою елементів td (Table Data — дані таблиці) або th (Table Header — заголовок стовпця таблиці). Кількість елементів tr повинна збігатися з кількістю рядків таблиці. Кількість елементів td або th усередині елементу tr повинна збігатися з кількістю стовпців (якщо не потрібно задавати об'єднання комірок).

Вирівняти таблицю на сторінці дозволяє вже знайомий атрибут align. Допустимі три значення: left, right і center.

елементи угрупування рядків і стовпців таблиці. Це елементи:

• THEAD — група рядків заголовка таблиці;

• TBODY — група рядків основної частини таблиці;

• TFOOT — група рядків нижньої частини таблиці (нижній заголовок);

• COLGROUP — група стовпців;

• COL — підгрупи стовпців.

Якщо при створенні таблиці використовували ці елементи, то можна буде задати вигляд меж між групами рядків і стовпців. Для регулювання меж існують два атрибути: frame і rules.

Атрибут frame задає тип рамки довкола таблиці. Допустимі наступні значення:

• void — кордонів немає (це значення за умовчанням);

• above — лише верхня частина меж;

• be1ow — лише нижня частина;

• hsides — лише верхня і нижня частини;

• vsides — лише ліва і права частини;

• lhs — лише ліва частина;

• rhs — лише права частина;

• box — всі чотири частини.

Атрибут rules задає внутрішні межі таблиці (між комірками). Допустимі наступні значення:

• none — немає меж між комірками (це значення за умовчанням);

• groups — лише між групами рядків, заданих елементами thead, tfoot і tbody, і групами стовпців, заданих елементами colgroup і col;

• rows — лише між рядками;

• cols — лище між стовпцям і ;

• all — відображуються всі кордони між рядками і стовпцями.

Border	Ширина рамки довкола всієї таблиці
Bgcolor	Визначає колір фону елементів таблиці
Background	Дозволяє заповнити фон таблиці малюнком. Як значення необхідно вказати URL малюнка
Bordercolor	Визначає колір рамки (світлий колір для об'ємної)*
Bordercolordark	Визначає темний колір рамки (тінь для об'ємної)*
Width	Ширина таблиці
Align	left, right, center — вирівнювання таблиці відносно тексту