Пример
Простая HTML таблица с тремя строками: одна строка заголовка и две строки с данными:
<table>
<tr>
<th>Месяц</th>
<th>Сбережения</th>
</tr>
<tr>
<td>Январь</td>
<td>$100</td>
</tr>
<tr>
<td>Февраль</td>
<td>$80</td>
</tr>
</table>
Попробуйте сами »
Больше примеров "Попробуйте сами" ниже.
Определение и использование
Тег <tr> определяет строку в HTML таблице.
Элемент <tr> содержит один или несколько элементов <th> или
<td>.
Поддержка браузерами
| Элемент | |||||
|---|---|---|---|---|---|
| <tr> | Да | Да | Да | Да | Да |
Глобальные атрибуты
Тег <tr> также поддерживает Глобальные атрибуты в HTML.
Атрибуты событий
Тег <tr> также поддерживает Атрибуты событий в HTML.
Больше примеров
Пример
Как выровнять содержимое внутри <tr> (с помощью CSS):
<table style="width:100%">
<tr>
<th>Месяц</th>
<th>Сбережения</th>
</tr>
<tr style="text-align:right">
<td>Январь</td>
<td>$100</td>
</tr>
</table>
Попробуйте сами »
Пример
Как добавить фоновый цвет строке таблицы (с помощью CSS):
<table>
<tr style="background-color:#FF0000">
<th>Месяц</th>
<th>Сбережения</th>
</tr>
<tr>
<td>Январь</td>
<td>$100</td>
</tr>
</table>
Попробуйте сами »
Пример
Как вертикально выровнять содержимое внутри <tr> (с помощью CSS):
<table style="height:200px">
<tr
style="vertical-align:top">
<th>Месяц</th>
<th>Сбережения</th>
</tr>
<tr style="vertical-align:bottom">
<td>Январь</td>
<td>$100</td>
</tr>
</table>
Попробуйте сами »
Пример
Как создать заголовки таблицы:
<table>
<tr>
<th>Имя</th>
<th>Email</th>
<th>Телефон</th>
</tr>
<tr>
<td>Иван Иванов</td>
<td>ivan@example.com</td>
<td>123-45-678</td>
</tr>
</table>
Попробуйте сами »
Пример
Как создать таблицу с заголовком (caption):
<table>
<caption>Ежемесячные сбережения</caption>
<tr>
<th>Месяц</th>
<th>Сбережения</th>
</tr>
<tr>
<td>Январь</td>
<td>$100</td>
</tr>
<tr>
<td>Февраль</td>
<td>$80</td>
</tr>
</table>
Попробуйте сами »
Пример
Как определить ячейки таблицы, которые занимают более одной строки или одного столбца:
<table>
<tr>
<th>Имя</th>
<th>Email</th>
<th colspan="2">Телефон</th>
</tr>
<tr>
<td>Иван Иванов</td>
<td>ivan@example.com</td>
<td>123-45-678</td>
<td>212-00-546</td>
</tr>
</table>
Попробуйте сами »
Связанные страницы
Учебник HTML: HTML Таблицы
Справочник HTML DOM: Объект TableRow
Учебник CSS: Стилизация таблиц
Настройки CSS по умолчанию
Большинство браузеров отображают элемент <tr> со следующими значениями по умолчанию:
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}