Элемент <tr> (сокращенно от table row) определяет ряд ячеек в таблице <table>. Элемент <tr> действует как контейнер для ячеек таблицы и содержит один или несколько элементов <th> и <td>.

Родительский: <thead>, <tfoot>, <tbody>
Контент: <th>, <td>
Открывающий тег: Обязательный
Закрывающий тег: Опционально
Версия: HTML 3.2, 4, 4.01, 5

Синтаксис

Базовый синтаксис тега <tr> выглядит следующим образом:

HTML / XHTML: <tr> ... </tr>

Примеры написания кода тега <tr>:

<table>
    <caption>Данные пользователя</caption>
    <thead>
        <tr>
            <th>Номер</th>
            <th>Имя</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>John Carter</td>
            <td>johncarter@mail.com</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Peter Parker</td>
            <td>peterparker@mail.com</td>
        </tr>
        <tr>
            <td>3</td>
            <td>John Rambo</td>
            <td>johnrambo@mail.com</td>
        </tr>
    </tbody>
</table>

Специальные атрибуты тега

В следующей таблице приведены атрибуты, которые относятся к тегу <tr>:

Атрибут Значение Описание
align left
right
center
justify
char
Определяет горизонтальное выравнивание содержимого каждой ячейки в строке таблицы.
bgcolor color Устанавливает цвет фона каждой ячейки строки таблицы.
char character Устанавливает символ, которому должно соответствовать содержимое ячейки в строке таблицы.
charoff number Определяет количество символов, на которое содержимое ячейки в таблице будет смещено от символов выравнивания, указанных атрибутом char.
valign top
middle
bottom
baseline
Определяет вертикальное выравнивание содержимого ячейки в строке таблицы.

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

Как и все другие HTML-теги, тег <tr> поддерживает все глобальные атрибуты в HTML5.

Атрибуты для событий

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

Поддержка браузеров

Тег <tr> поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.