Thead-tagi
Tagi thead määrittää taulukon yläosan.
Sitä käytetään rivien ryhmittelyyn siten,
että tietylle ryhmälle voidaan heti
soveltaa CSS-tyylejä. Yhdessä taulukossa
saa olla vain yksi thead-tagi.
Tagi thead käytetään usein yhdessä
tagien tbody
ja tfoot
kanssa määrittämään HTML-taulukon yläosa, pääosa
ja alaosa.
Esimerkki
Annetaan thead-tagilla ryhmitellyille riveille
punainen tekstin väri käyttämällä
ominaisuutta color:
<table>
<thead>
<tr>
<th>Nimi</th>
<th>Sukunimi</th>
<th>Palkka</th>
</tr>
</thead>
<tbody>
<tr>
<td>nimi1</td>
<td>sukunimi1</td>
<td>200$</td>
</tr>
<tr>
<td>nimi2</td>
<td>sukunimi2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>lukumäärä: 2</td>
<td>-</td>
<td>yhteensä: 1200$</td>
</tr>
</tfoot>
</table>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Esimerkki
Tässä thead ei ole ylhäällä, eikä tfoot
alhaalla, mutta selain sijoittaa ne kuitenkin
oikeisiin paikkoihinsa:
<table>
<tfoot>
<tr>
<td>lukumäärä: 2</td>
<td>-</td>
<td>yhteensä: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>nimi1</td>
<td>sukunimi1</td>
<td>200$</td>
</tr>
<tr>
<td>nimi2</td>
<td>sukunimi2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Nimi</th>
<th>Sukunimi</th>
<th>Palkka</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
