Простая HTML таблица с тремя строками; одна строка заголовка и две строки данных:
<table>
<tr>
<th>Месяц</th>
<th>Экономия</th>
</tr>
<tr>
<td>Январь</td>
<td>$100</td>
</tr>
<tr>
<td>Февраль</td>
<td>$80</td>
</tr>
</table>
Попробуйте сами »
Определение и использование <tr>
Тег <tr> определяет строку в HTML таблице.
Тег <tr> содержит один или несколько элементов <th> или <td>.
Поддержка браузеров <tr>
| Элемент | |||||
|---|---|---|---|---|---|
| <tr> | Да | Да | Да | Да | Да |
Глобальные атрибуты <tr>
Тег <tr> также поддерживает Глобальные атрибуты в HTML.
События атрибутов <tr>
Тег <tr> также поддерживает События атрибутов в HTML.
Еще примеры <tr>
Как выровнить содержимое внутри <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>and-shhipunov@example.com</td>
<td>123-45-678</td>
</tr>
</table>
Попробуйте сами »
Как создать таблицу с подписью:
<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>and-shhipunov@example.com</td>
<td>123-45-678</td>
<td>212-00-546</td>
</tr>
</table>
Попробуйте сами »
Связанные страницы <tr>
HTML Учебник: HTML Таблицы
HTML DOM Справочник: Объект TableRow
CSS Учебник: Стили таблиц
Настройки CSS по умолчанию <tr>
Большинство браузеров будут отображать элемент <tr> со следующими значениями по умолчанию:
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}