HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

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