HTML тег <tr>

HTML тег <tr> определяет строки в таблице. Ячейки в строке задаются тегами <th> (заголовочная ячейка) или <td>(стандартная ячейка).

Элемент <tr> используется только внутри тега <table>.

Обратите внимание, что все строки таблицы содержат одинаковое количество ячеек, которое соответствует количеству ячеек самой длинной строки. Если в одной строке содержится меньше ячеек, чем в других строках, то браузер автоматически заполнит строку, помещая пустые ячейки в конец этой же строки.

Синтаксис

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

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
  </head>
  <body>
    <table  border="1">
      <tr>
        <th>Месяц</th>
        <th>Дата</th>
      </tr>
      <tr>
        <td>Январь</td>
        <td>10.01.2018</td>
      </tr>
      <tr>
        <td>Февраль</td>
        <td>10.02.2018</td>
      </tr>
    </table>
  </body>
</html>

Результат

Атрибуты

Атрибут Значение Описание
align right
left
center
justify
char
Указывает способ выравнивания содержимого ячеек.
Не поддерживается в HTML5.
bgcolor bgcolor Определяет цвет фона ячеек.
Не поддерживается в HTML 5.
bordercolor bordercolor Определяет цвет рамки.
Не поддерживается в HTML 5.
char character Указывает способ выравнивания содержимого ячеек по заданному символу. Используется только, если атрибут align = "char".
Не поддерживается в HTML 5.
charoff number Смещает содержимое ячеек относительно указанного символа. Используется, если атрибут align = "char".
Не поддерживается в HTML 5.
valign top
middle
bottom
baseline
Выравнивает содержимое внутри элемента по вертикали.
Не поддерживается в HTML 5.

Тег <tr> поддерживает также глобальные атрибуты и атрибуты событий.

Browser support




Related articles