Тег tbody

Тег tbody задает основную часть таблицы. Используется для группировки рядов таким образом, чтобы сразу к некоторой группе можно было применить CSS стили. В одной таблице может быть любое количество тегов tbody.

Тег tbody часто используется совместно с thead и tfoot для задания верхней части, основной части и нижней части HTML таблицы. По умолчанию браузер поставит содержимое tfoot в нижнюю часть таблицы, а thead - в верхнюю.

Пример

Давайте группе рядов, объединенных тегом tbody, добавим красный цвет текста с помощью свойства color:

<table>
	<thead>
		<tr>
			<th>Имя</th>
			<th>Фамилия</th>
			<th>Зарплата</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Иван</td>
			<td>Иванов</td>
			<td>200$</td>
		</tr>
		<tr>
			<td>Николай</td>
			<td>Сидоров</td>
			<td>1000$</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<td>2 работника</td>
			<td>-</td>
			<td>сумма: 1200$</td>
		</tr>
	</tfoot>
</table>

tbody {
	color: red;
}

table, td, th {
	border: 1px solid black;
}