Элемент <tr>
(сокращенно от table row) определяет ряд ячеек в таблице <table>
. Элемент <tr>
действует как контейнер для ячеек таблицы и содержит один или несколько элементов <th>
и <td>
.
Родительский: | <thead> , <tfoot> , <tbody> |
Контент: | <th> , <td> |
Открывающий тег: | Обязательный |
Закрывающий тег: | Опционально |
Версия: | HTML 3.2, 4, 4.01, 5 |
Синтаксис
Базовый синтаксис тега <tr>
выглядит следующим образом:
HTML / XHTML: <tr> ... </tr>
Примеры написания кода тега <tr>
:
<table>
<caption>Данные пользователя</caption>
<thead>
<tr>
<th>Номер</th>
<th>Имя</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>John Carter</td>
<td>johncarter@mail.com</td>
</tr>
<tr>
<td>2</td>
<td>Peter Parker</td>
<td>peterparker@mail.com</td>
</tr>
<tr>
<td>3</td>
<td>John Rambo</td>
<td>johnrambo@mail.com</td>
</tr>
</tbody>
</table>
Специальные атрибуты тега
В следующей таблице приведены атрибуты, которые относятся к тегу <tr>
:
Атрибут | Значение | Описание |
---|---|---|
align |
left right center justify char |
Определяет горизонтальное выравнивание содержимого каждой ячейки в строке таблицы. |
bgcolor |
color | Устанавливает цвет фона каждой ячейки строки таблицы. |
char |
character | Устанавливает символ, которому должно соответствовать содержимое ячейки в строке таблицы. |
charoff |
number | Определяет количество символов, на которое содержимое ячейки в таблице будет смещено от символов выравнивания, указанных атрибутом char. |
valign |
top middle bottom baseline |
Определяет вертикальное выравнивание содержимого ячейки в строке таблицы. |
Глобальные атрибуты
Как и все другие HTML-теги, тег <tr>
поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <tr>
так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <tr>
поддерживается во всех основных браузерах.