Одним з найбільш могутніх і широко вживаних в HTML засобів є таблиці. Вони використовуються не тільки традиційно як метод представлення даних, але і як засіб форматування Web-сторінок. Документ HTML може містити довільне число таблиць, причому допускається вкладеність таблиць одна в одну.
Кожна таблиця починається тегом <TABLE>і закінчується тегом </TABLE>. Усередині цієї пари тегів розташовується опис вмісту таблиці.
Будь-яка таблиця складається з однієї або декількох рядків, в яких задаються дані для окремих комірок.
Кожен рядок починається тегом <TR>і закінчується тегом </TR>. Окрема комірка в рядку обрамляється парою тегов <TD> і </TD> або <TH> і </TH>. Тег <TH> використовується для комірок заголовка таблиці, а <TD> – для комірок даних. Відмінність цих тегов в тому, що в заголовку за умовчанням використовується напівжирний шрифт, а для даних – звичайний.
Теги <TD> і <TH> не можуть з’являтися поза описом рядка таблиці <TR>.
Приклад таблиці:
<HTML>
<HEAD>
<TITLE>Приклад таблиці</TITLE>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD>Комірка 1</TD>
<TD>Комірка 2</TD>
</TR>
<TR>
<TD>Комірка 3</TD>
<TD>Комірка 4</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Цей приклад відобразиться в браузере так:
Приклад таблиці
Комірка 1
Комірка 2
Комірка 3
Комірка 4
Специфікація тега <TABLE>:
<TABLE
ALIGN=”вирівнювання”
BORDER=”товщина рамки”
CELLPADDING=”відстань”
CELLSPACING=”відстань”
HEIGHT=”висота”
VALIGN=”вертикальне вирівнювання”
WIDTH=”ширина”
>
Атрибут ALIGN визначає вирівнювання таблиці у вікні проглядання браузера. Він може мати одне з двох значень: LEFT (по лівому краю) і RIGHT (по правому краю). За умовчанням – LEFT.
Атрибут BORDER управляє товщиною рамки. Значенням цього атрибуту є число. Це число визначає товщину рамки таблиці в пікселях. За умовчанням товщина рамки – 1.
Атрибут CELLPADDING визначає відстань в пікселях між рамкою і вмістом комірки. За умовчанням – 1.
Атрибут CELLSPACING визначає відстань в пікселях між елементами таблиці. За умовчанням – 2.
Атрибут HEIGHT визначає висоту таблиці в пікселях.
Атрибут VALIGN визначає вертикальне вирівнювання вмісту таблиці. Він може мати наступні значення: TOP (по верхньому краю), MIDDLE (посередині) і BOTTOM (по нижньому краю). За умовчанням – MIDDLE.
Атрибут WIDTH визначає ширину таблиці в пікселях або відсотках від ширини вікна браузера.
Специфікація тега <TR>
<TR
ALIGN=”вирівнювання”
BGCOLOR=”колір фону”
VALIGN=”вертикальне вирівнювання”
>
Атрибут ALIGN визначає вирівнювання вмісту всіх комірок рядка. Він може мати одне з трьох значень: LEFT (по лівому краю), RIGHT (по правому краю) і CENTER (по центру). За умовчанням – CENTER.
Атрибут BGCOLOR визначає колір фону для всіх комірок рядка. Його значення можна указувати в символьній нотації або у форматі RGB.
Атрибут VALIGN визначає вертикальне вирівнювання вмісту всіх комірок рядка. Він може мати наступні значення: TOP (по верхньому краю), MIDDLE (посередині) і BOTTOM (по нижньому краю). За умовчанням – MIDDLE.
Специфікація тега <TD>
<TD
ALIGN=”вирівнювання”
BGCOLOR=”колір фону”
COLSPAN=”кількість комірок”
HEIGHT=”висота комірки”
ROWSPAN=”кількість комірокк”
VALIGN=”вертикальне вирівнювання”
WIDTH=”ширина комірки”
>
Атрибут ALIGN визначає вирівнювання вмісту комірки. Він може мати одне з трьох значень: LEFT (по лівому краю), RIGHT (по правому краю) і CENTER (по центру). За умовчанням – CENTER.
Атрибут BGCOLOR визначає колір фону для комірки. Його значення можна указувати в символьній нотації або у форматі RGB.
Атрибут COLSPAN дозволяє об’єднати декілька сусідніх комірок по горизонталі. Значення цього атрибуту – кількість об’єднуваних комірок.
Атрибут HEIGHT визначає висоту комірки в пікселях.
Атрибут ROWSPAN дозволяє об’єднати декілька сусідніх комірок по вертикалі. Значення цього атрибуту – кількість об’єднуваних комірок.
Атрибут VALIGN визначає вертикальне вирівнювання вмісту комірки. Він може мати наступні значення: TOP (по верхньому краю), MIDDLE (посередині) і BOTTOM (по нижньому краю). За умовчанням – MIDDLE.
