logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
visszaVISSZA   
menüMENÜ   

Táblázatok hármas tagolása



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:
  1. fejléc,
  2. törzs,
  3. 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: Chrome logó Firefox logó Safari logó Opera logó IE logó

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


Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.