Статические Web технологии. Таблицы HTML

Таблица в языке HTML представляется как набор строк, причем в каждой из них должна быть задана хотя бы одна ячейка. В разных строках может находиться разное количество ячеек.

Теги таблицы и ее компонентов. <TABLE>, </TABLE> - основные теги (тэги), описывающие таблицу. Все, что будет находиться в ней, должно размещаться между двумя этими тегами.

<TR>, </TR> - теги, описывающие строку таблицы.

<TD>, </TD> определяют ячейку таблицы, эти теги могут находиться только внутри тегов, описывающих строку.

<TH>, </TH> используются для описания заголовка строки или столбца таблицы.

<CAPTION>, </CAPTION> применяются для определения названия (подписи) таблицы. По умолчанию, название ставиться вверху таблицы и выравнивается по центру. Данные теги должны размещаться между <TABLE> и </TABLE>, но вне тегов, описывающих строки или ячейки таблицы.

В теге <TABLE> могут использоваться следующие параметры: BORDER, CELLSPACING, CELLPADDING, WIDTH, ALIGN.

Параметр BORDER задает рамку вокруг всей таблицы и вокруг каждой ячейки, образуя линию сетки таблицы (<TABLE BORDER=1>). WIDTH="n%"|"n" задает ширину таблицы или ячейки таблицы. Фиксированная ширина пишется в пикселях, относительная в процентах (относительно ширины окна, таблицы или ячейки другой таблицы, в которой она размещена). HEIGHT="n%"|"n" определяет высоту таблицы или ячейки таблицы как фиксированную величину в пикселях, или относительную в процентах. COLSPAN=n используется для объединения ячеек таблицы по горизонтали (данная ячейка захватывает n столбцов по ширине). ROWSPAN=n только для объединения ячеек таблицы по вертикали (данная ячейка захватывает n строк по высоте). Применяется, как и COLSPAN, в тегах <TH>, <TD>.

Выравнивание таблицы по горизонтали задается атрибутом ALLIGN, значения: left, center, right. А для того чтобы выровнять текст в ячейках таблицы, атрибут горизонтального выравнивания align необходимо применить к каждому тегу td. Для вертикального выравнивания содержимого ячеек - атрибут VALIGN: middle, top, bottom.

Фоновое изображение или цвет можно так же задать как для всей таблицы, так и для отдельно взятой ячейки. Задается это - для изображения - атрибутом BACKGROUND, в значении которого прописывается путь к необходимому графическому файлу. Для цветового фона - атрибутом BGCOLOR, здесь значением является наименование цвета.