Thead-tagget
Tagget thead definerer den øverste del af en tabel.
Det bruges til at gruppere rækker på en sådan
måde, at CSS-stilarter umiddelbart kan
anvendes på en bestemt gruppe. Der kan kun
være ét thead-tag i en tabel.
Tagget thead bruges ofte sammen
med tbody
og tfoot
for at definere henholdsvis den øverste del, hoveddelen
og den nederste del af en HTML-tabel.
Eksempel
Lad os tilføje rød tekstfarve til gruppen af rækker,
samlet af tagget thead, ved hjælp af egenskaben
color:
<table>
<thead>
<tr>
<th>Navn</th>
<th>Efternavn</th>
<th>Løn</th>
</tr>
</thead>
<tbody>
<tr>
<td>navn1</td>
<td>efternavn1</td>
<td>200$</td>
</tr>
<tr>
<td>navn2</td>
<td>efternavn2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>antal: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
</table>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Eksempel
Her er thead ikke placeret øverst, og tfoot
er ikke placeret nederst, men alligevel vil browseren placere
dem på deres korrekte pladser:
<table>
<tfoot>
<tr>
<td>antal: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>navn1</td>
<td>efternavn1</td>
<td>200$</td>
</tr>
<tr>
<td>navn2</td>
<td>efternavn2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Navn</th>
<th>Efternavn</th>
<th>Løn</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
