Taggen thead
Taggen thead definierar den övre delen av en tabell.
Den används för att gruppera rader på ett sådant
sätt att CSS-stilar omedelbart kan appliceras
på en viss grupp. En tabell kan bara ha
en thead-tagg.
Taggen thead används ofta tillsammans
med tbody
och tfoot
för att definiera den övre delen, huvuddelen
och den nedre delen av en HTML-tabell.
Exempel
Låt oss lägga till röd textfärg till en grupp rader,
samlad av taggen thead, med hjälp av egenskapen
color:
<table>
<thead>
<tr>
<th>Namn</th>
<th>Efternamn</th>
<th>Lön</th>
</tr>
</thead>
<tbody>
<tr>
<td>namn1</td>
<td>efternamn1</td>
<td>200$</td>
</tr>
<tr>
<td>namn2</td>
<td>efternamn2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>antal: 2</td>
<td>-</td>
<td>totalt: 1200$</td>
</tr>
</tfoot>
</table>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Exempel
Här är thead inte placerad överst, och tfoot
inte längst ner, men webbläsaren kommer ändå att placera
dem på rätt plats:
<table>
<tfoot>
<tr>
<td>antal: 2</td>
<td>-</td>
<td>totalt: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>namn1</td>
<td>efternamn1</td>
<td>200$</td>
</tr>
<tr>
<td>namn2</td>
<td>efternamn2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Namn</th>
<th>Efternamn</th>
<th>Lön</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
