CAPTION
(HTML 3.2) - Caption
Задает заголовок таблицы. Содержание заголовка должно состоять только из текста. Использование блочных элементов в этом случае недопустимо.
Атрибуты:
ALIGN - определяет способ вертикального выравнивания заголовка таблицы.Возможные значения:
-
top - помещает заголовок над таблицей (значение по умолчанию);
-
bottom - помещает заголовок под таблицей.
Пример :
<TABLE BORDER="1" >
<CAPTION ALING="botton" > Заголовок таблицы </CAPTION>
<TR>
<TD> Ячейка таблицы </TD>
</TR>
</TABLE>
HTML-Учебник.Таблицы.
Таблицы.
Таблицы используются, когда вам необходимо показать "табличные данные", например, информацию, логически упорядоченную в столбцы и ряды.
Элементы для создания таблиц и работы с ними.
CAPTION - Задает заголовок таблицы.
TABLE - Элемент для создания таблицы.
TD,TH - Создает ячейку с данными в текущей строке
TR - Создает новый ряд (строку) ячеек таблицы.
TABLE
(HTML 3.2) – Table
Элемент для создания таблицы. Обязательно должен иметь начальный и конечный теги. По умолчанию таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Ячейки внутри таблицы создаются с помощью элементов TR , CAPTION , TD и TH .
Атрибуты:
ALIGN – определяет способ горизонтального выравнивания таблицы. Возможные значения:
left ,center , right . Значение по умолчанию – left .
VALIGN – должен определять способ вертикального выравнивания таблицы. Возможные значения: top , bottom , middle .
BORDER – определяет ширину внешней рамки таблицы (в пикселах). При BORDER="0" или при отсутствии этого атрибута рамка отображаться не будет.
CELLPADDING – определяет расстояние (в пикселах) между рамкой каждой ячейки таблицы и содержащимся в ней материалом.
CELLSPACING – определяет расстояние (в пикселах) между границами соседних ячеек.
WIDTH – определяет ширину таблицы. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала.
HEIGHT – определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала.
BGCOLOR – определяет цвет фона ячеек таблицы. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
BACKGROUND – позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.
Примечания:
-
Если атрибут HEIGHT указать равным 100% , то старые версии Internet Explorer будут создавать таблицу высотой чуть превышающей высоту окна браузера. Чтобы этого избежать, можно пожертвовать рамкой таблицы, указав BORDER="0" .
-
Старые версии Netscape работают некорректно, если ширина и высота таблицы равны 100%. В этом случае вокруг таблицы остается свободное пространство.
-
Атрибут VALIGN работает очень загадочно. Скорее, вообще не работает.
-
Атрибут ALIGN не работает в старых версиях браузера Internet Explorer. Чтобы осуществить желаемое выравнивание таблицы, нужно поместить ее между тегами элемента DIV :
Пример:
<DIV ALING="center" >
<TABLE WIDTH="70" >
...
</DIV>
</TABLE>
TD,TH
(HTML 3.2) - Table Data & Table Head
Элемент TD создает ячейку с данными в текущей строке. Элемент TH также создает ячейку, но определяет ее как ячейку-заголовок. Такое разграничение позволяет браузерам оформлять содержимое ячейки-заголовка и ячеек с данными разными шрифтами. Кроме того, должна улучшиться работа браузеров, использующих речевой интерфейс. В качестве содержимого ячейки можно использовать другие таблицы.
Атрибуты:
ALIGN - определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: left , center , right . По умолчанию способ выравнивания определяется значением атрибута ALIGN элемента TR . Если же и он не задан, то для TD выполняется выравнивание по левому краю, а для TH - центрирование.
VALIGN - определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: top ,bottom, middle . По умолчанию происходит выравнивание по центру (VALIGN="middle") , если значение этого атрибута не было задано ранее в элементе TR .
WIDTH - определяет ширину ячейки. Ширина задается в пикселах или в процентном отношении к ширине таблицы.
HEIGHT - определяет высоту ячейки. Высота задается в пикселах или в процентном отношении к высоте таблицы.
COLSPAN - определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1 .
ROWSPAN - определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1 .
NOWRAP - блокирует автоматический перенос слов в пределах текущей ячейки. Обратите внимания на примечание, касающееся использования данного атрибута (далее, внизу страницы).
BGCOLOR - определяет цвет фона ячейки. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
BACKGROUND - заполняет ячейку фоновым рисунком. Необходимо указать URL рисунка. Данный атрибут не работает в старых версиях браузера Netscape (до 3.X включительно).
Примечания:
-
Границы ячейки отображаются только в том случае, когда она имеет некое содержание. Чтобы получить пустую ячейку с границами, достаточно поместить в нее специальный символ или маленькую прозрачную gif-картинку.
-
Если вы используете одновременно атрибуты NOWRAP и WIDTH="x" , где x - маленькое число, то следует дополнительно вставлять внутрь ячейки <NORB>
Пример:
<!-- Так делать не правильно -->
<TABLE border=1 >
...
<TR>
<TD WIDTH=5 NOWRAP > Текст, который не должен переноситься </TD>
</TR>
...
</TABLE>
<!-- А вот так - правильно и работает всегда -->
<TABLE border=1>
...
<TR>
<TD WIDTH=5 NOWRAP > <NORB>Текст, который не должен переноситься </NORB></TD>
</TR>
...
</TABLE>
Дело в том, что в браузерах Internet Explorer для полной отмены переноса слов используется именно , а атрибут NOWRAP действует только при отсутствии WIDTH .
-
Атрибут HEIGHT , указанный в процентном отношении, работает нормально лишь в том случае, когда явно задана высота всей таблицы.
-
Один из наиболее распространенных приемов web-дизайнера - "таблица в таблице". Для этого достаточно расположить одну таблицу внутри ячейки другой. Таким образом можно создавать даже очень сложные вложенные "каркасы" дизайна страницы
TR
(HTML 3.2) - Table Row
Создает новый ряд (строку) ячеек таблицы. Ячейки в ряду создаются с помощью элементов TD и TH.
Атрибуты:
ALIGN - определяет способ горизонтального выравнивания содержимого всех ячеек данного ряда. Возможные значения: left , center , right .
VALIGN - определяет способ вертикального выравнивания содержимого всех ячеек данного ряда. Возможные значения: top, bottom , middle .
BGCOLOR - определяет цвет фона для всех ячеек данного ряда. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
Примеры таблиц
Пример 1:
<TABLE BORDER >
<TR>
<TH> ROWSPAN=2>HDD</TH>
<TD>WD Caviar 3.1Gb</TD> ALING="right">85$</TD>
</TR>
<TR>
<TD>Quantum FB ST 6.4Gb</TD>
<TD ALING="right">110$</TD>
<TR>
</TABLE>
Пример 2:
<TABLE BORDER>
<TR>
<TH COLSPAN=2>Video</TH>
</TR>
<TR>
<TD>Matrox G400</TD>
<TD ALIGN="right">115$</TD>
</TR>
<TR>
<TD>Voodoo III</TD>
<TD ALIGN="right">129.95$</TD>
</TR>
</TABLE>