html.okpython.net
Основы создания сайтов
HTML :: Тег <tr>
В HTML тег <tr> (от англ. table row – строка таблицы) предназначен для формирования строк таблицы и может содержать заголовочные ячейки <th> или обычные ячейки с данными <td>.
Закрывающий тег может быть опущен, если за элементом следует другой элемент <tr> или же он является последним элементом родительского <thead>, <tbody>, <tfoot> или <table>.
Синтаксис
<table>
<tr>
<th>...</th>
</tr>
<tr>
<td>...</td>
</tr>
</table>
Закрывающий тег: не обязателен.
Атрибуты
Для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.
Ссылки
Официальный сайт W3C: https://html.spec.whatwg.org/multipage/tables.html#the-tr-element
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/tr
Примеры
HTML
Результат
htmlCodes
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример №1</title> <!-- Для оформления используем стили, а не атрибуты --> <style> table, th,td{ border: 1px solid black; } table{ border-collapse: collapse; } </style> </head> <body> <table> <!-- Заголовок таблицы --> <caption>Простая таблица с заголовком</caption> <!-- Первая строка таблицы --> <tr> <!-- 2 заголовочные ячейки --> <th>1-я колонка</th> <th>2-я колонка</th> </tr> <tr> <!-- 2 обычные ячейки --> <td>Я – первая ячейка второй строки </td> <td>Я – вторая ячейка второй строки</td> </tr> <tr> <td>Я – первая ячейка третьей строки</td> <td>Я – вторая ячейка третьей строки</td> </tr> </table> </body> </html>
Пример №1