/html/tr:> Табличная строка_

Элемент tr

Синтаксис

(X)HTML
<table>
  ...
  <thead>... <tr> ... </tr> ...</thead>
  <tfoot>... <tr> ... </tr> ...</tfoot>
  <tbody>... <tr> ... </tr> ...</tbody>
  ...
</table>

Описание

Элемент tr (от англ. "table row" ‒ «строка таблицы») создаёт табличную строку являющуюся так же контейнером для ячеек.

Условия использования

  1. Ячейки в строке создаются с помощью элементов ячейки данных и ячейки заголовка. Ячейки данных и ячейки заголовка должны быть единственными элементами, которые вкладываются в tr в качестве элементов первого уровня. При этом в строку должно быть вложено не менее одной ячейки.
  2. Данный элемент может быть расположен в заголовке таблицы, в теле таблицы, в нижнием колонтитуле, а так же непосредственно в самом элементе таблицы. При этом в элемент таблицы в качестве элемента первого уровня tr может быть вложен только при условии, что в таблице нет элемента tbody, а так же что он будет идти после следующих элементов: caption, col, colgroup, thead.


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

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

Верс. Раздел
HTML
2.0 ---
3.2 Tables
4.01 11.2.5 Table rows: The TR element
DTD: Transitional Strict Frameset
5.0 4.9.8 The tr element
5.1 4.9.8. The tr element
XHTML
1.0 Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1.1 Extensible HyperText Markup Language

Атрибуты

align
Задаёт выравнивание содержимого ячеек.
bgcolor
Задаёт цвет фона строки.
char
Указывает символ по которому выравнивается содержимое ячеек.
charoff
Задаёт количество символов на которое необходимо сместить содержимое ячеек.
valign
Задаёт вертикальное выравнивание содержимого ячеек.
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент tr</title>
</head>
<body>
<h1>Пример использования элемента "tr"</h1>
<table border="1">
<caption>Ближайшие праздники</caption>
<thead>
<tr> <th>Месяц \ Праздник</th> <th>Январь</th> <th>Февраль</th> <th>Март</th> <th>Апрель</th> <th>Май</th> </tr>
</thead>
<tfoot>
<tr> <td colspan="6">В данной таблице представлены праздники на ближайшие 5 месяцев.</td> </tr>
</tfoot>
<tbody>
<tr> <th>Новый год</th> <td>1</td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <th>Рождество</th> <td>7</td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <th>Старый<br>новый год</th> <td>14</td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <th>День защитника<br>отечества</th> <td></td> <td>23</td> <td></td> <td></td> <td></td> </tr>
<tr> <th>Международный<br>женский день</th> <td></td> <td></td> <td>8</td> <td></td> <td></td> </tr>
<tr> <th>День весны и труда</th> <td></td> <td></td> <td></td> <td></td> <td>1</td> </tr>
<tr> <th>День победы</th> <td></td> <td></td> <td></td> <td></td> <td>9</td> </tr>
</tbody>
</table>
</body>
</html>
Элемент tr