Táblázat tagolása
A nagyméretű táblázatokat célszerű 3 részre tagolni. Így nyomtatásnál minden oldalon olvasható lesz a táblázat fejléce és lábléce is.
A táblázat részei:
- fejléc,
- törzs,
- lábléc.
A HTML táblázatok tagolását a következő páros címkékkel valósíthatjuk meg:
Név | Angol eredete | Hatás | Jellemzők |
---|---|---|---|
<thead> | table header | A táblázat fejléce páros címke. Egy táblázaton belül csak egy-egy lehet, de több sort is átfoghat. Nyomtatásnál minden oldalon megjelenik. | Általános ; Események |
<tbody> | table body | A táblázat törzsének páros címkéje. Egy táblázaton belül több lehet, és rendszerint több sort is átfog. | Általános ; Események |
<tfoot> | table footer | A táblázat lábléce páros címke. Egy táblázaton belül csak egy-egy lehet, de több sort is átfoghat. Nyomtatásnál minden oldalon megjelenik. | Általános ; Események |
A lábléc tartalmazhat egyszerű szöveget, vagy lehet egy táblázatsor.
A következő böngészők támogatják: |
---|
Példa:
Forráskód
<h2>Táblázat tagolása</h2>
<table border="1">
<caption>Osztályzatok 2013. </caption>
<thead>
<tr>
<th> </th>
<th> szeptember </th>
<th> október </th>
<th> november </th>
</tr>
<thead>
<tbody>
<tr>
<th> matek </th>
<td> 4 </td>
<td> 5 </td>
<td> 3 </td>
</tr>
<tr>
<th> fizika </th>
<td> 4 </td>
<td> 4 </td>
<td> 5 </td>
</tr>
<tbody>
<tfoot>
<tr>
<td colspan="4">
Csak tájékoztató jellegű adatok
</td>
</tr>
</tfoot>
</table>
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: html5_tablazat_tagolas.html