Formát tabulky

Doplňující prvky tabulek

Prvek th - hlavička tabulky. Používá se stejně jako td. Text v něm uzavřený bude nejčastěji vycentrovaný a tučný.

Thead, tbody a tfoot

Tyto prvky rozdělují tabulku do několika logických sekcí. Hlavička, tělo a pata. Umožňují vám orientaci v kódu tabulky a potom si pomocí CSS můžete pro každý tento prvek (jsou párové) definovat vlastní styl, což vám usnadní práci. Omezeně umožňují stylovat řádky. Všechny je můžete uvnitř tabulky použít vícekrát.

<style>
thead {background-color: gray; color: black}
tbody {color: gray;}
tfoot {background-color: blue; color: white; font-size: 10px}
</style>
<table>
 <thead>
  <tr>
   <td>Hlavička</td>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>Obsah</td>
  </tr>
 </tbody>
 <tfoot>
  <tr>
   <td>Patička</td>
  </tr>
 </tfoot>
</table>
Hlavička tabulky
Obsah buňky..
Patička informace o autorovi??

Je zajímavé, že když definujete styl tagu <tbody> budou tak tabulky formátovány i když tento tag vůbec nepoužijete.

Prvek colgroup a formátování sloupců

Většinou je pro přehlednost lepší naformátovat každý sloupec jinak. K tomu slouží prvek <colgroup>. Je možné použít i prvek <col>, ten má podobné použití jako <colgroup>, pouze se nedá použít ve spojení s rules="group".

Výhody Microsoft Internet Exploreru 4+ (větší než 4)

V Internet Exploreru můžete psát text "bokem". Bohužel jiné prohlížeče (Opera 7, Mozzila - Netscape 6) toto formátování ignorují. Pomocí stylů CSS.
style="writing-mode: tb-rl"

programováníCSS
PHP
SQL a MySQL
JavaScript

Další: Seznamy



Doporučuji
Pro své weby používám *Webhosting C4: 20 GB prostoru, PHP, MySQL, e-maily, subdomény za 1200 Kč (zdarma 2 GB navíc každý rok). Více WebhostingC4.cz.
Potřebujete poradit?


Vyhledávání


Poradna

Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.

Reklama