A thead tag
A thead tag a tábla felső részét határozza meg.
Sorok csoportosítására használjuk úgy,
hogy azonnal alkalmazni lehessen CSS stílusokat
egy adott csoportra. Egy táblában
csak egy thead tag lehet.
A thead tagot gyakran használják együtt
a tbody
és a tfoot
tagokkal a HTML tábla felső része, fő része
és alsó része meghatározásához.
Példa
Adjunk a thead taggal csoportosított soroknak
piros szövegszínt a color
tulajdonság segítségével:
<table>
<thead>
<tr>
<th>Name</th>
<th>Surn</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>name1</td>
<td>surn1</td>
<td>200$</td>
</tr>
<tr>
<td>name2</td>
<td>surn2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>count: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
</table>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Példa
Itt a thead nincs felül, és a tfoot
nincs alul, ennek ellenére a böngésző a saját helyükre
fogja őket elhelyezni:
<table>
<tfoot>
<tr>
<td>count: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>name1</td>
<td>surn1</td>
<td>200$</td>
</tr>
<tr>
<td>name2</td>
<td>surn2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Name</th>
<th>Surn</th>
<th>Salary</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
