ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP КАК СДЕЛАТЬ W3.CSS JQUERY XML БОЛЬШЕ 🔍 ◑ КНИГИ УПРАЖНЕНИЯ СПРАВОЧНИКИ
HTML теги. Полный справочник

HTML тег <tr>

❮ Prev Полный HTML справочник Next ❯

Пример

Простая HTML таблица, содержащая два столбца и две строки:

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
Попробуйте сами »

Больше примеров "Попробуйте сами" ниже.

Определение и использование

Тег <tr> определяет строку в HTML таблице.

Элемент <tr> содержит один или несколько <th> или <td> элементов.

Поддержка браузерами

Элемент
<tr> Yes Yes Yes Yes Yes

Различия между HTML 4.01 и HTML5

All the layout attributes are removed in HTML5.

Атрибуты

Атрибут Значение Описание
align right
left
center
justify
char		 Не поддерживается в HTML5.
Выравнивает содержимое в строке таблицы
bgcolor rgb(x,x,x)
#xxxxxx
colorname		 Не поддерживается в HTML5.
Определяет цвет фона для строки таблицы
char character Не поддерживается в HTML5.
Выравнивает содержимое строки таблицы по символу
charoff number Не поддерживается в HTML5.
Устанавливает количество символов, содержимое которых будет выровнено по символу, указанному атрибутом char
valign top
middle
bottom
baseline		 Не поддерживается в HTML5.
Выравнивание по вертикали содержимого строки таблицы

Глобальные атрибуты

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

Атрибуты событий

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

Попробуйте сами - Примеры

Заголовки таблицы
Как создать заголовки таблицы.

Таблица с подписью
Как создать таблицу с подписью.

Теги внутри таблицы
Как отобразить элементы внутри других элементов.

Ячейки, занимающие более одной строки / столбца
Как определить ячейки таблицы, которые занимают более одной строки или одного столбца.

Связанные страницы

HTML учебник: HTML Таблицы

HTML DOM справочник: Объект TableRow (tr)

CSS учебник: Стилизация таблиц

Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <tr> со следующими значениями по умолчанию:

tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
❮ Prev Полный HTML справочник Next ❯