Главная/ Cправочник HTML, CSS, Javascript/ HTML справочник : HTML теги, HTML атрибуты, мета теги, спецсимволы/ Tags/ HTML тег tr | назначение, синтаксис, атрибуты, примеры

Тег tr

Последнее обновление: 23.01.2011

Тег <tr> (англ. table row — строка таблицы) — тег-контейнер, определяет строку таблицы.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис


<table>
<tr>
...
</tr>
</table>

Атрибуты



align выраванивание текста в строке

  • left — по левому краю (по умолчанию)
  • center — по центру
  • right — по правому краю
  • justify — по ширине
bgcolor цвет фона ячеек. В спецификации HTML 4.01 не рекомендуется
bordercolor цвет рамки. В спецификации HTML 4.01 отсутствует
bordercolordark цвет правой и нижней частей рамки. В паре с bordercolorlight создает трехмерный эффект
В спецификации HTML 4.01 отсутствует
bordercolorlight цвет левой и верхней частей рамки. В паре с bordercolordark создает трехмерный эффект
В спецификации HTML 4.01 отсутствует
char определяет символ по которому происходит выравнивание. Значением по умолчанию является символ десятичной точки
charoff определяет смещение первого в строке символа выравнивания
class определяет имя используемого класса
dir определяет направление символов:

  • ltr — слева направо
  • rtl — справа налево
height высота строки
Отсутствует в спецификации HTML 4.01!
id уникальный идентификатор
lang определяет используемый язык
nowrap запрещает перенос слов в строке.
Отсутствует в спецификации HTML 4.01!
onclick щелчок на элементе
ondblclick двойной щелчок на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
style задает встроенную таблицу стилей
title всплывающая подсказка
valign вертикальное выраванивание в ячейке

  • baseline — по базовой линии
  • bottom — по нижнему краю
  • middle — по центру (по умолчанию)
  • top — по верхнему краю

Пример

Задаем ширину и горизонтальное выравнивание:


<table width="300px">
<tr><th width="30%" align="center">№ п/п</th><th align="center">Фамилия</th></tr>
<tr><td width="30%">1></td><td>Иванов</td></tr>
<tr><td width="30%">2</td><td>Петров</td></tr>
</table>

Объединение ячеек:


<table>
<tr>
<th>№ п/п</th><th>Род</th><th>Вид кактуса</th><th>количество в оранжерее, шт</th><th>заказано, шт</th>
</tr>
<tr>
<td>1</td><th rowspan="2">Gymnocalycium</th><td>Gymnocalycium hybopleurum</td><td>15</td><td>8</td>
</tr>
<tr>
<td>2</td><td>Gymnocalycium valnicekianum</td><td>26</td><td>6</td>
</tr>
</table>

Рекомендации по использованию

  • закрывающий тег рекомендован (</tr>)
  • контейнер для строки таблицы. Располагается внутри <table>, <tbody>, <tfoot>, <thead>
  • может содержать теги <th> и <td>
  • обязательных атрибутов нет
Твой код:

Результат: