Тег TR

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

Синтаксис
<table>
<tr>...</tr>
</table>

Закрывающий тег
Не обязателен.

Параметры
align — определяет выравнивание текста в строке.
bgcolor — цвет фона ячеек в строке.
bordercolor — цвет рамки.
valign — выравнивание содержимого ячейки по вертикали.

Пример 1. Использование тега TR

<html>
<body>
<table width=100% border=0 cellpadding=4>
<tr align=right valign=top>
<td><img src=/images/book.gif width=37 height=26></td>
<td>Lorem ipsum dolor sit amet...</td>
</tr>
</table>
</body>
</html>


Описание параметров тега TR

Параметр ALIGN

Описание
Задает выравнивание содержимого ячеек строки по горизонтали. Выравнивание осуществляется для всех ячеек в пределах одной строки. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте параметр align для тега TD или TH.

Синтаксис
<tr align=left | center | right>...</tr>

Аргументы
left — выравнивание по левому краю;
center — выравнивание по центру;
right — выравнивание по правому краю;

Значение по умолчанию
left

Аналог CSS
text-align

Пример 2. Выравнивание содержимого строки

<html>
<body>
<table width=600 border=1>
<tr align=center>
<td> ... </td>
<td> ... </td>
</tr>
</table>
</body>
</html>


Параметр BGCOLOR

Описание
Устанавливает цвет фона строки таблицы.

Синтаксис
<tr bgcolor=цвет>...</tr>

Аргументы
Значение цвета можно задавать двумя способами.

1. По его названию
Браузеры поддерживают некоторые цвета по их названию.

2. По шестнадцатеричному значению
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.

Значение по умолчанию
Зависит от браузера и его версии, обычно используется белый цвет фона.

Аналог CSS
background-color

Пример 3. Цвет фона строки

<html>
<body text=white>
<table bgcolor=black width=600>
<tr bgcolor=#ffcc00>
<td> ... </td>
</tr>
<tr>
<td> ... </td>
</tr>
</table>
</body>
</html>


Параметр BORDERCOLOR

Описание
Устанавливает цвет рамки вокруг строки. Рамка показывается, когда установлен параметр border с ненулевым значением у тега TABLE.

Синтаксис
<tr bordercolor=цвет>...</tr>

Аргументы
См. параметр BGCOLOR.

Значение по умолчанию
Зависит от браузера и операционной системы.

Пример 4. Цвет границы вокруг строки

<html>
<body>
<table bordercolor=black border=1 width=100%>
<tr bordercolor=red>
<td> ... </td>
</tr>
<tr>
<td> ... </td>
</tr>
</table>
</body>
</html>


Параметр VALIGN

Описание
Устанавливает вертикальное выравнивание содержимого ячеек в строке. По умолчанию контент ячейки располагается по ее вертикали в центре.

Синтаксис
<tr valign=top | middle | bottom | baseline>...</tr>

Аргументы
top — выравнивание по верхнему краю строки.
middle — выравнивание по середине.
bottom — выравнивание по нижнему краю.
baseline — выравнивание по базовой линии, при этом происходит привязка содержимого ячеек строки к одной линии.

Значение по умолчанию
middle

Пример 5. Выравнивание содержимого ячеек

<html>
<body>
<table width=60%>
<tr valign=top bgcolor=#ffcc00 bordercolor=white>
<td> ... </td>
<td> ... </td>
</tr>
</table>
</body>
</html>

Материал взят с сайта htmlbook.ru