/html/tr:> Табличная строка_
Элемент tr
Синтаксис
(X)HTML
<table> ... <thead>... <tr> ... </tr> ...</thead> <tfoot>... <tr> ... </tr> ...</tfoot> <tbody>... <tr> ... </tr> ...</tbody> ... </table>
Описание
Элемент tr
(от англ. "table row" ‒ «строка таблицы») создаёт табличную строку являющуюся так же контейнером для ячеек.
Условия использования
- Ячейки в строке создаются с помощью элементов ячейки данных и ячейки заголовка. Ячейки данных и ячейки заголовка должны быть единственными элементами, которые вкладываются в
tr
в качестве элементов первого уровня. При этом в строку должно быть вложено не менее одной ячейки. - Данный элемент может быть расположен в заголовке таблицы, в теле таблицы, в нижнием колонтитуле, а так же непосредственно в самом элементе таблицы. При этом в элемент таблицы в качестве элемента первого уровня
tr
может быть вложен только при условии, что в таблице нет элементаtbody
, а так же что он будет идти после следующих элементов:caption
,col
,colgroup
,thead
.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | Tables |
4.01 | 11.2.5 Table rows: The TR element DTD: Transitional
Strict
Frameset
|
5.0 | 4.9.8 The tr element |
5.1 | 4.9.8. The tr element |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
- align
- Задаёт выравнивание содержимого ячеек.
- bgcolor
- Задаёт цвет фона строки.
- char
- Указывает символ по которому выравнивается содержимое ячеек.
- charoff
- Задаёт количество символов на которое необходимо сместить содержимое ячеек.
- valign
- Задаёт вертикальное выравнивание содержимого ячеек.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент tr</title>
</head>
<body>
<h1>Пример использования элемента "tr"</h1>
<table border="1">
<caption>Ближайшие праздники</caption>
<thead>
<tr> <th>Месяц \ Праздник</th> <th>Январь</th> <th>Февраль</th> <th>Март</th> <th>Апрель</th> <th>Май</th> </tr>
</thead>
<tfoot>
<tr> <td colspan="6">В данной таблице представлены праздники на ближайшие 5 месяцев.</td> </tr>
</tfoot>
<tbody>
<tr> <th>Новый год</th> <td>1</td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <th>Рождество</th> <td>7</td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <th>Старый<br>новый год</th> <td>14</td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <th>День защитника<br>отечества</th> <td></td> <td>23</td> <td></td> <td></td> <td></td> </tr>
<tr> <th>Международный<br>женский день</th> <td></td> <td></td> <td>8</td> <td></td> <td></td> </tr>
<tr> <th>День весны и труда</th> <td></td> <td></td> <td></td> <td></td> <td>1</td> </tr>
<tr> <th>День победы</th> <td></td> <td></td> <td></td> <td></td> <td>9</td> </tr>
</tbody>
</table>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент tr</title>
</head>
<body>
<h1>Пример использования элемента "tr"</h1>
<table border="1">
<caption>Ближайшие праздники</caption>
<thead>
<tr> <th>Месяц \ Праздник</th> <th>Январь</th> <th>Февраль</th> <th>Март</th> <th>Апрель</th> <th>Май</th> </tr>
</thead>
<tfoot>
<tr> <td colspan="6">В данной таблице представлены праздники на ближайшие 5 месяцев.</td> </tr>
</tfoot>
<tbody>
<tr> <th>Новый год</th> <td>1</td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <th>Рождество</th> <td>7</td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <th>Старый<br>новый год</th> <td>14</td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <th>День защитника<br>отечества</th> <td></td> <td>23</td> <td></td> <td></td> <td></td> </tr>
<tr> <th>Международный<br>женский день</th> <td></td> <td></td> <td>8</td> <td></td> <td></td> </tr>
<tr> <th>День весны и труда</th> <td></td> <td></td> <td></td> <td></td> <td>1</td> </tr>
<tr> <th>День победы</th> <td></td> <td></td> <td></td> <td></td> <td>9</td> </tr>
</tbody>
</table>
</body>
</html>
Элемент tr