Таблицы играют важную роль в создании сайта. Html таблицы можно использовать не только для отображения таблиц как таковых, но и для создания невидимого каркаса страниц.

TABLE - Служит для создания html таблицы.

TR (Table Row) - Делает новый ряд таблицы. Закрывающий тег обязателен.

TD (Table Data) - Начинает и заканчивает каждую ячейку ряда таблиц.  Закрывающий тег обязателен.

Давайте создадим таблицу из двух рядов и трех столбцов:



Вот как это примерно будет выглядеть в браузере:

Первый ряд. Ячейка 1	Первый ряд. Ячейка 2 Зеленая	Первый ряд. Ячейка 3 Коричневая.
Второй ряд.Ячейка 1	Второй ряд..Ячейка 2 Серая	Второй ряд.Ячейка 3...

Видите как просто! Таблица начинается с <table>. За ним идёт <tr> (новый ряд). Далее идут ячейки: (<td>Первый ряд ячейка 1</td>). Ряд закрывается </tr>, и  начинается новый  <tr>. Таблица закрывается </table>.

Атрибуты:

CELLPADDING – определяет расстояние  между рамкой каждой ячейки и содержащемся материалом.

CELLSPACING – определяет расстояние между границами соседних ячеек.

WIDTH – определяет ширину таблицы.

HEIGHT – определяет высоту таблицы.

COLSPAN – задает количество столбцов, на которые простирается данная ячейка.

ROWSPAN – определяет количество рядов, на которые простирается данная ячейка.

ALIGN – определяет способ горизонтального выравнивания. Возможные значения: left, center, right. 

VALIGN – определяет способ вертикального выравнивания таблицы или содержимого ячеек. Значения: top, bottom, middle(к верху, к низу и посередине).

BGCOLOR – определяет цвет фона ячеек.

BACKGROUND – позволяет заполнить фон таблицы рисунком, указанным в url.

См. также

Следующий  -  создаем мини-сайт
Предыдущий - создаем гиперссылки