Тег <tr> HTML строка в таблице

Рейтинг: 5 из 5, голосов 2
+++++

Тег <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>

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

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
<tr> Да Да Да Да Да

Атрибуты

В HTML5 тег <tr> не имеет атрибутов.

Устаревшие атрибуты <tr>

Атрибут Значения Описание
align left
right
center
justify
Задает правило выравнивания содержимого строки по горизонтали. В HTML5 используйте CSS.
bgcolor rgb
HTML hex
HTML colorname

Фоновый цвет. В HTML5 используйте CSS.

Примеры:
RGB: rgb(251,101,070), rgb(0, 40, 117).
HTML hex: #2da3d2, #bbb.
HTML colorname: yellow, blue;

valign top
middle
bottom
baseline
Задает правило выравнивания содержимого строки по вертикали. В HTML5 используйте CSS.
Оцените, насколько полезна эта статья
+++++
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.