РОЗДІЛ 1: WORLD WIDE WEB ТА HTML

Таблиці

Використовуючи таблиці, можна створювати такі ефекти, як верстка в декілька колонок, застосування ефектів стикування картинки і фону, тонкі лінії на всю ширину або висоту сторінки і т.д.

Розглянемо приклад:

Комірка 1	Комірка 2
Комірка 3	Комірка 4

Така таблиця реалізується наступним кодом:

<TABLE BORDER="2" WIDTH="200" BGCOLOR="#00FF00">
<
<TD> Комірка 1
</TD>
<TD> Комірка 2</TD>
</TR>
<TR>
<TD> Комірка 3</TD>
<TD> Комірка 4</TD>
</TR>
</TABLE>

Параметри тега <TABLE>

Параметр	Функція
BORDER	Створення рамки навколо таблиці
BORDERCOLOR	Визначення кольору рамки навколо таблиці
CELLSPACING	Вказання відстані між сусідніми комірками
CELLPADDING	Створення відступу від границі комірки до її вмістимого
ALIGN	Вказання типу вирівнювання таблиці по ширині вікна браузера
WIDTH	Визначення ширини таблиці
HEIGHT	Визначення висоти таблиці

При використанні параметрів COLSPAN і ROWSPAN особливу увагу слід приділяти коректному об'єднанню сусідніх елементів таблиці, а також своєчасному вказанні закриваючих тегов комірок і рядів. Виникнення помилки може привести до порушення структури таблиці, "заповзанню" одних комірок на інші, перекриттю тексту і навіть неможливості відобразити таблицюброузером. Параметри COLSPAN і ROWSPAN використовуються тільки в тегах комірок <TD> і <TH>

**Параметри тегів <TR>,<TD> і <TH>**
Параметр	Функція	Застосування
ALIGN	Вирівнювання вмісту комірки чи ряду по горизонталі	<TR>,<TD>,<TH>
VALIGN	Вирівнювання вмісту комірки чи ряду по вертикалі	<TR>,<TD>,TH>
WIDTH	Визначення ширини комірки чи ряду	<TR>,<TD>,<TH>
HEIGHT	Визначення висоти комірки чи ряду	<TR>,<TD>,<TH>
BGCOLOR	Вказання кольору для фону комірки чи ряду	<TR>,<TD>,<TH>
BACKGROUND	Вказання малюнка для фону комірки	<TD>,<TH>
NOWRAP	Заборона примусового переносу стрічки в комірці чи ряді	<TR>,<TD>,<TH>
COLSPAN	Об’єднання сусідніх комірок по горизонталі	<TD>,<TH>
ROWSPAN	Об’днання сусідніх комірок по вертикал	<TD>,<TH>

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

Особливість вкладених таблиць, на відміну від інших способів представлення даних в електронному документі, дозволяє більш точно розміщувати окремі елементи сторінки щодо один одного і щодо меж самого документа, що відображається браузером.

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

От чому останнім часом переважаюча більшість HTML-документів створюється на основі таблиць, де в якості несучої основи береться таблиця з невидимими краями, що містить вкладені таблиці з різним оформленням, відмінними значеннями параметрів.

Підводячи підсумок сказаному, можна виділити наступні переваги вкладених таблиць:

гнучка масштабованість структури електронного документа в цілому;
широкі можливості позиціонування окремих елементів сторінки;
багаторівневе представлення різнорідних інформаційних даних;
розширені оформлювальні можливості;
підтримка популярними браузерами.

Правила побудови вкладених таблиць нічим не відрізняються від створення таблиць одного рівня - використовуються ті ж тегі і параметри, задаються ті ж властивості і значення. Єдине, про що не можна забувати в ході створення складних вкладених таблиць, це:

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