Атрибуты

align

Определяет выравнивание заголовка по горизонтали.

Internet Explorer					Chrome					Opera					Safari					Firefox
6.0	7.0	8.0	9.0	10.0		11.0	12.0	13.0	9.2		9.6	10.0	11.0	2.0		3.1	4.0	5.0	3.0		4.0	5.0	6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Атрибут align определяет выравнивание заголовка относительно таблицы. Результат его действия зависит от используемого браузера и установленного значения.

Синтаксис

<caption align="left | right | top | bottom">...</caption>

Значения

left

В браузере Internet Explorer и Opera располагает заголовок сверху и выравнивает его по левому краю таблицы. В Firefox заголовок располагается слева от таблицы. Safari и Chrome игнорируют это значение.

right

В браузере Internet Explorer и Opera располагает заголовок сверху таблицы и выравнивает его по правому краю таблицы. В браузере Firefox заголовок располагается от таблицы справа. Safari и Chrome игнорируют это значение.

top

Заголовок размещается перед таблицей по ее центру.

bottom

Заголовок размещается внизу таблицы по ее центру.

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

top

Аналог css

text-align

Валидация

Использование этого атрибута осуждается спецификацией HTML, валидный код получается только при использовании переходного <!DOCTYPE>.

Также для этого тега доступны универсальные атрибуты и события.

Тег <tr>

Internet Explorer					Chrome					Opera					Safari					Firefox
6.0	7.0	8.0	9.0	10.0		11.0	12.0	13.0	9.2		9.6	10.0	11.0	2.0		3.1	4.0	5.0	3.0		4.0	5.0	6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Тег <tr> служит контейнером для создания строки таблицы. Каждая ячейка в пределах такой строки может задаваться с помощью тега <th> или <td>.

Синтаксис

<table>

<tr>

<td>...</td>

</tr>

</table>

Атрибуты

align

Определяет выравнивание содержимого ячеек по горизонтали.

Internet Explorer					Chrome					Opera					Safari					Firefox
6.0	7.0	8.0	9.0	10.0		11.0	12.0	13.0	9.2		9.6	10.0	11.0	2.0		3.1	4.0	5.0	3.0		4.0	5.0	6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

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

Синтаксис

<tr align="left | center | right | justify | char">...</tr>

Значения

left

Выравнивание содержимого ячеек по левому краю.

center

Выравнивание по центру.

right

Выравнивание по правому краю.

justify

Выравнивание по ширине (одновременно по правому и левому краю).

char

Выравнивание по указанному символу.

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

left

Аналог CSS

text-align

bgcolor

Цвет фона ячеек.

Internet Explorer					Chrome					Opera					Safari					Firefox
6.0	7.0	8.0	9.0	10.0		11.0	12.0	13.0	9.2		9.6	10.0	11.0	2.0		3.1	4.0	5.0	3.0		4.0	5.0	6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

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

Синтаксис

<tr bgcolor="цвет">...</tr>

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

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

Аналог CSS

background

valign

Выравнивание содержимого ячеек по вертикали.

Internet Explorer					Chrome					Opera					Safari					Firefox
6.0	7.0	8.0	9.0	10.0		11.0	12.0	13.0	9.2		9.6	10.0	11.0	2.0		3.1	4.0	5.0	3.0		4.0	5.0	6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

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

Синтаксис

<tr valign="top | middle | bottom | baseline">...</tr>

Значения

top

Выравнивание содержимого ячеек по верхнему краю строки.

middle

Выравнивание по середине.

bottom

Выравнивание по нижнему краю.

baseline

Выравнивание по базовой линии, при этом происходит привязка содержимого ячеек к одной линии.

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

middle

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Не обязателен.

Пример. Использование тега <tr>

HTML 4.01 IE 7 IE 8 IE 9 Cr 13 Op 11 Sa 5 Fx 6

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Тег TR</title>

</head>

<body>

<table width="100%" border="0" cellpadding="4">

<tr align="right" valign="top">

<td><img src="images/book.png" width="199" height="133" alt="Книга"></td>

<td>Lorem ipsum dolor sit amet...</td>

</tr>

</table>

</body>

</html>

Тег <td>

Internet Explorer					Chrome					Opera					Safari					Firefox
6.0	7.0	8.0	9.0	10.0		11.0	12.0	13.0	9.2		9.6	10.0	11.0	2.0		3.1	4.0	5.0	3.0		4.0	5.0	6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Предназначен для создания одной ячейки таблицы. Тег <td> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.

Синтаксис

<table>

<tr>

<td>...</td>

</tr>

</table>

Закрывающий тег

Не обязателен.

Пример. Использование тега <td>

HTML 4.01IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 6

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Тег TD</title>

</head>

<body>

<table border="1" cellpadding="7" cellspacing="0">

<tr>

  <td colspan="2" bgcolor="#D3EDF6" align="center">Ячейка 1</td>

</tr>

<tr>

  <td valign="top" align="center">Ячейка 2</td>

  <td width="98%" valign="top">Ячейка 3</td>

</tr>

</table>

</body>

</html>