Учебник по программированию на HTML

HTML в примерах

TABLE - тег таблицы

Цель

Для представления табличной информации, т.е. структуры, подобной матричной.

Типичное отображение

Таблица, по умолчанию без окружающей рамки (бордюра). Если рамка существует (задается атрибутом BORDER), таблицы отображены в барельефном приподнятом виде с внешней рамкой со скосом, и отдельными вставленными в эту приподнятую поверхность ячейками. Если ячейки имеют явное содержание, рамки вокруг отдельных ячеек вычерчены. Незаполненное пространство в таблице не выделяется, за исключением  .

Размер таблицы для отображения содержимого обычно устанавливается браузером автоматически, однако можно установить ширину таблицы, используя атрибут WIDTH.

Основной синтаксис

<TABLE>
строки таблицы (TR элементы)
</TABLE>

Возможные атрибуты

имя атрибута	возможные значения	смысл	примечания
ALIGN	LEFT, CENTER, RIGHT	горизонтальное выравнивание всей таблицы	по умолчанию LEFT, однако это может быть перекрыто внешними элементами DIV или CENTER
WIDTH	спецификация ширины	ширина всей таблицы	по умолчанию ширина определяется браузером так, чтобы представить все содержимое
BORDER	целое	ширина рамки в пикселях	значение 0 (по умолчанию) означает - без рамки; некоторые браузеры допускают просто написание BORDER, которое воспринимается, как BORDER=1
CELLSPACING	целое	промежуток между ячейками в пикселях	смотрите примечания ниже
CELLPADDING	целое	промежуток между содержимым ячейки и рамкой вокруг ячейки в пикселях ("набивка")

Обычно атрибут BORDER (с ненулевым значением) устанавливает по умолчанию CELLSPACING=1. Это означает, что при установке рамки для всей таблицы Вы также установите рамки в один пиксел для отдельных ячеек.

Обычно примыкающие табличные ячейки разделены общей рамкой, а в HTML каждой ячейке назначается ее собственная рамка, которая отделяется от рамок вокруг соседних ячеек. Это разделение может быть установлено в пикселях с использованием атрибута CELLSPACING (например, CELLSPACING=10). Это же значение определяет расстояние между табличной рамкой и рамками наиболее удаленных от центра ячеек.

Допустимый контекст

Блоковый контейнер.

Содержимое

Один или более TR элементов, следующих за необязательным элементом CAPTION.

Примеры

Типичный пример:

<TABLE> 
<CAPTION>Areas of the Nordic countries, in sq km</CAPTION> 
<TR><TH>Country</TH> <TH>Total area</TH> <TH>Land area</TH> 
<TR><TH>Denmark</TH> 
<TD ALIGN=RIGHT> 43, 070 </TD><TD ALIGN=RIGHT> 42, 370</TR> 
<TR><TH>Finland</TH> 
<TD ALIGN=RIGHT>337, 030 </TD><TD ALIGN=RIGHT>305, 470</TR> 
<TR><TH>Iceland</TH> 
<TD ALIGN=RIGHT>103, 000 </TD><TD ALIGN=RIGHT>100, 250</TR> 
<TR><TH>Norway</TH> 
<TD ALIGN=RIGHT>324, 220 </TD><TD ALIGN=RIGHT>307, 860</TR> 
<TR><TH>Sweden</TH> 
<TD ALIGN=RIGHT>449, 964 </TD><TD ALIGN=RIGHT>410, 928</TR> 
</TABLE>

TABLE - тег таблицы

Рис. Пример на web-странице.

Пример таблицы с заданными параметрами:

<TABLE ALIGN=CENTER WIDTH="80%" BORDER=1 CELLSPACING=10 CELLPADDING=3> 
<CAPTION>The Nordic countries</CAPTION> 
<TR> 
       <TD>Denmark</TD> 
       <TD>Finland </TD> 
       <TD>Iceland </TD> 
       <TD>Norway </TD> 
       <TD>Sweden </TD> 
</TR> 
</TABLE>

TABLE - тег таблицы

Рис. Пример на web-странице.

Примечания

Смотрите обсуждение таблиц, где приводятся дополнительные примеры.

Таблицы могут быть вложенными. Однако, вложенные таблицы часто представляются с ошибками. Если у Вас есть материал, который может быть представлен в виде вложенных таблиц, подумайте, нужно ли это Вашему читателю. Зачастую это требует первоначального представления материала в виде компактной таблицы, а затем - описания деталей для каждой ее части.

Когда есть обычный текст до и после таблицы, рекомендуется завершить предшествующий абзац явным заданием тега </P> и начать следующий абзац явным заданием тега <P>, так как браузер (например, Netscape) может не отобразить таблицу с пустым вертикальным пространством вокруг нее.

Если число ячеек в различных строках не согласуются, результат отображения таблицы скорее всего будет беспорядочным (примите во внимание атрибут ROWSPAN).

Выравнивание по умолчанию для содержимого табличных ячеек, особенно для числовых таблиц, не применяется, так как нет способа для спецификации такого выравнивания, за исключением построчного выравнивания в элементе TR. Заметим, что атрибут ALIGN из элемента TABLE специфицирует выравнивание всей таблицы и не влияет на выравнивание по умолчанию содержимого ячеек.