Tfoot-tagi
Tagi tfoot määrittää taulun alatunnisteen.
Sitä käytetään rivien ryhmittelyyn siten,
että tietylle ryhmälle voidaan heti
soveltaa CSS-tyylejä. Yhdessä taulukossa
saa olla vain yksi tfoot-tagi.
Tagia tfoot käytetään usein yhdessä
thead-
ja tbody-
tagien kanssa määrittämään HTML-taulun ylätunniste, pääosa
ja alatunniste. Oletusarvoisesti
selain sijoittaa tfoot-tagin sisällön
taulun alaosaan ja thead-tagin
yläosaan.
Esimerkki
Annetaan tfoot-tagilla ryhmitellyille riveille
punainen tekstivari
ominaisuudella 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>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Esimerkki
Tässä katsotaan, vaikka thead
ei ole yläosassa eikä tfoot alaosassa,
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>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
: