Тег <tr> определяет строку (ряд) в HTML таблице. Используется в HTML таблицах определенных тегом <table>.
HTML тег строки таблицы tr можно использовать как дочерний элемент тегов: таблицы <table>, верхнего колонтитула таблицы <thead>, тела таблицы <tbody>, нижнего колонтитула таблицы <tfoot>.
Внутри HTML тега <tr> могут быть поставлены обычные ячейки <td> и ячейки-заголовки <th>.
Подробнее про создание таблиц читайте в статье: Создание таблиц в HTML. Все о HTML таблицах.
Синтаксис
<tr>ячейки td и/или th</tr>
Отображение в браузере
| Строка 1: ячейка-заголовок 1 | Строка 1: ячейка-залоловок 2 |
|---|---|
| Строка 2: обычная ячейка 1 | Строка 2: обычная ячейка 2 |
Пример использования <tr> в HTML коде
<!DOCTYPE html>
<html>
<head>
<title>Строки в таблице</title>
</head>
<body>
<table>
<tbody>
<tr>
<th>Строка 1: ячейка-заголовок 1</th>
<th>Строка 1: ячейка-заголовок 2</th>
</tr>
<tr>
<td>Строка 2: обычная ячейка 1</td>
<td>Строка 2: обычная ячейка 2</td>
</tr>
</tbody>
</table>
</body>
</html>
Поддержка браузерами
| Тег | |||||
| <tr> | Да | Да | Да | Да | Да |
Атрибуты
В HTML5 тег <tr> не имеет атрибутов.
Устаревшие атрибуты <tr>
| Атрибут | Значения | Описание |
|---|---|---|
| align | left right center justify |
Задает правило выравнивания содержимого строки по горизонтали. В HTML5 используйте CSS. |
| bgcolor | rgb HTML hex HTML colorname |
Фоновый цвет. В HTML5 используйте CSS. Примеры: |
| valign | top middle bottom baseline |
Задает правило выравнивания содержимого строки по вертикали. В HTML5 используйте CSS. |