Таблицы (частьII)

Элемент Td

Создает в текущей строке ячейку с данными (текст, графическое изображение, всевозможные объекты мультимедия и т.д). Внутрь ячейки может быть вложена другая таблица.
Имеет атрибуты;

атрибут Width Определяет ширину ячейки в пикселях или в процентах от ширины таблицы. Обычно этот атрибут выставляется один раз для столбца. То есть для всех ячеек во всех строках с одним и тем же порядковым номером. Записывается так; <td width="15%"> Пример задания ширины ячейки; 1 ячейка 1 строки 2 ячейка 1 строки 3 ячейка 1 строки 1 ячейка 2 строки 2 ячейка 2 строки 3 ячейка 3 строки Здесь я задал ширину для 1 ячейки 1 строки таблицы равной 15 % от ширины таблицы. И как Вы видите 1 ячейка 2 строки приняла ту же ширину. Ширину можно задавать и в пикселях. атрибут Height Определяет определяет высоту ячейки в пикселях или в процентах. Обычно этот атрибут выставляется для какой нибудь одной ячейки строки. То есть все ячейки текущей строки принимают для себе это же значение. Записывается так; <td height="150"> Пример; 1 ячейка 1 строки 2 ячейка 1 строки 3 ячейка 1 строки 1 ячейка 2 строки 2 ячейка 2 строки 3 ячейка 3 строки В этом примере во 2 ячейке первой строки выставлен атрибут "height" равный "100". И как Вы видите крайние ячейки приняли то же значение атрибута "height", хотя он и не указан в крайних ячейках. Если в одной строке несколько ячеек (элементов <td>) будут иметь атрибут "height" с разными значениями, браузер прорисует ячейки выбрав максимальное значение атрибута "height". Для правильного отображения таблицы значение атрибута "height" выставляйте в пикселях. Как ни странно но не IE, ни Opera, ни Netscape не хотят понимать значение "height" в процентах. атрибут Bgcolor Определяет цвет фона ячейки. Идентичен одноименному атрибуту элемента <Table>. Записывается так; <td bgcolor="blue"> Или <td bgcolor="#FFCC00">. атрибут Background Этот атрибут позволяет залить тело ячейки графическим изображением, также как и одноименный атрибут элемента <Table>. В качестве значения указывается путь до файла изображения. Записывается так; <td background="http://site.ru/images/fon.gif"> атрибут Align Определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: "left" (по левому краю), "right" (по правому краю), "center"(по центру). Записывается так; <td align="centr"> атрибут Valign Определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: "top" (по верхней границе ячейки), "bottom" (по нижней границе ячейки), "middle"(по центру).. Записывается так; <td valign="top"> То есть для каждой конкретной ячейки можно задать свой способ выравнивания. Пример; 1 ячейка 1 строки 2 ячейка 1 строки 2 ячейка 1 строки 2 ячейка 1 строки 3 ячейка 1 строки 1 ячейка 2 строки 1 ячейка 2 строки 1 ячейка 2 строки 1 ячейка 2 строки 2 ячейка 2 строки 3 ячейка 3 строки Здесь для первой ячейки первой строки значение атрибута "valign" задано как "bottom". Для второй ячейки этой же строки valign="middle". Для третьей ячейки этой строки valign="top". Для первой ячейки второй строки valign="middle". Для второй ячейки второй строки valign="top". И для третьей ячейки второй строки valign="bottom".