ТАБЛИЦЫ - TD, TH

Элементы TD и TH

(HTML 3.2) – Table Data & Table Head 

  Элемент TD создает ячейку с данными в текущей строке. Элемент TH также создает ячейку, но определяет ее как ячейку-заголовок, то есть текст ячейки выделяется жирным и выравнивается по центру. Такое разграничение позволяет браузерам оформлять содержимое ячейки-заголовка и ячеек с данными разными шрифтами. Кроме того, должна улучшиться работа браузеров, использующих речевой интерфейс. В качестве содержимого ячейки можно использовать другие таблицы.

Атрибуты:
ALIGN – определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: left, center, right. По умолчанию способ выравнивания определяется значением атрибута ALIGN элемента TR. Если же и он не задан, то для TD выполняется выравнивание по левому краю ( ALIGN="left" ), а для TH – центрирование ( ALIGN="center" ).
VALIGN – определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: top, bottom, middle. По умолчанию происходит выравнивание по центру ( valign="middle" ), если значение этого атрибута не было задано ранее в элементе TR.
WIDTH – определяет ширину ячейки. Ширина задается в пикселах ( width:40px ) или в процентном отношении к ширине таблицы ( width:30% ).
HEIGHT – определяет высоту ячейки. Высота задается в пикселах ( height:50px ) или в процентном отношении к высоте таблицы ( height:10% ).
COLSPAN – определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1 ( colspan="1" ). Значение 0 распространяет ячейку на всю родительскую группу колонок, объединенную тегом <colgroup>. Значения выше 1000 считаются неправильными и устанавливаются в 1.
ROWSPAN – определяет количество рядов, которые нужны в данной ячейке. По умолчанию имеет значение 1 ( rowspan="1" ). Если значение установлено в 0, то ячейки объединяются до конца раздела таблицы (<thead>, <tbody> или <tfoot>) или самой таблицы. Максимально допустимое значение не более 65534.
NOWRAP – блокирует автоматический перенос слов в пределах текущей ячейки и текст в ячейке идёт в одну строку. Значение у атрибута отсутствует ( nowrap ). Неправильное использование этого атрибута может привести к тому, что таблица будет слишком широкой и не поместится целиком на веб-страницу. Как следствие, появится горизонтальная полоса прокрутки.
Обратите внимание на примечание, касающееся использования данного атрибута (далее, внизу страницы).
BGCOLOR – определяет цвет фона ячейки. Задается либо RGB-значением в шестнадцатеричной системе ( bgcolor="#ffcc00" ), либо прописываются безопасные цвета ( bgcolor="blue" ).
BACKGROUND – заполняет ячейку фоновым рисунком. Необходимо указать URL рисунка ( background="http://mysite.com/image.jpg" ). Для рисунка не устанавливаются ширина и высота. Он отображается в масштабе 100%. Если рисунок по размеру меньше окна браузера, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. По этой причине на месте стыка фоновых картинок могут возникнуть видимые перепады, заметные для посетителей сайта. В качестве фона допускается использовать анимированные изображения формата GIF.  Данный атрибут не работает в старых версиях браузера Netscape (до 3.X включительно).


Примечания:

	Границы ячейки отображаются только в том случае, когда она имеет некое содержание. Чтобы получить пустую ячейку с границами, достаточно поместить в нее специальный символ   или маленькую прозрачную gif-картинку.
	Если вы используете одновременно атрибуты NOWRAP и WIDTH="x", где x – маленькое число, то следует дополнительно вставлять внутрь ячейки <NOBR>   Пример:       <!-- Так делать неправильно --> <TABLE border=1>     ...     <TR><TD WIDTH=5 NOWRAP>Текст, который не должен переноситься</TD></TR>     ... </TABLE> <!-- А вот так &#150; правильно и работает всегда --> <TABLE border=1>     ...     <TR><TD WIDTH=5 NOWRAP><NOBR>Текст, который не будет переноситься</NOBR></TD></TR>     ... </TABLE> Дело в том, что в браузерах Internet Explorer для полной отмены переноса слов используется именно <NOBR>, а атрибут NOWRAP действует только при отсутствии WIDTH.
	Атрибут HEIGHT, указанный в процентном отношении, работает нормально лишь в том случае, когда явно задана высота всей таблицы.
	Один из наиболее распространенных приемов web-дизайнера – "таблица в таблице". Для этого достаточно расположить одну таблицу внутри ячейки другой. Таким образом можно создавать даже очень сложные вложенные "каркасы" дизайна страницы.