A tbody tag

A tbody tag a tábla fő részét határozza meg. Sorok csoportosítására használják úgy, hogy azonnal alkalmazni lehessen CSS stílusokat egy bizonyos csoportra. Egy táblában tetszőleges számú tbody tag lehet.

A tbody tagot gyakran együtt használják a thead és a tfoot tagokkal a HTML tábla fejlécének, fő részének és láblécének meghatározására. Alapértelmezetten a böngésző a tfoot tartalmát a tábla aljára, a thead tartalmát pedig a tetejére helyezi.

Példa

Adjunk hozzá piros szövegszínt a tbody taggal csoportosított soroknak a color tulajdonság segítségével:

<table>
	<thead>
		<tr>
			<th>Név</th>
			<th>Vezetéknév</th>
			<th>Fizetés</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>név1</td>
			<td>vezetéknév1</td>
			<td>200$</td>
		</tr>
		<tr>
			<td>név2</td>
			<td>vezetéknév2</td>
			<td>1000$</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<td>darabszám: 2</td>
			<td>-</td>
			<td>összesen: 1200$</td>
		</tr>
	</tfoot>
</table>

tbody {
	color: red;
}

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

Lásd még

a thead, tfoot tagok,
amelyek a tábla sorait csoportosítják
a caption tag,
amely a teljes tábla címét határozza meg
a rowspan és colspan attribútumok,
amelyek a tábla sorait és oszlopait egyesítik