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>Я &ndash; первая ячейка второй строки  &nbsp; &nbsp;</td>
		<td>Я &ndash; вторая ячейка второй строки</td>
    </tr>
     
    <tr>
		<td>Я &ndash; первая ячейка третьей строки</td>
		<td>Я &ndash; вторая ячейка третьей строки</td>
    </tr>
  </table>	
	
</body>
</html>

Пример №1