[logo]Kondenzované HTML -- příklady tabulek

Copyright (c) 1998 Přemek Brada, <brada@kiv.zcu.cz>.

Tato stránka obsahuje jednoduchou tabulku a její zdrojový text v HTML 3.2.

Kursovní lístek
Zeměkódkurs
AustrálieAUD21.169
BritánieGBP44.395
ŘeckoGRD (100)11.279

Zdrojový text této tabulky vypadá takto:

  <table align="center" width="100%" border=1>
  <caption>Kursovní lístek</caption>
  <tr><th>Země<th>kód<th>kurs
  <tr><td>Austrálie<td>AUD<td align="right">21.169
  <tr><td>Británie<td>GBP<td align="right">44.395
  <tr><td>Řecko<td>GRD (100)<td align="right">11.279
  </table>

Je samozřejmě možné vyrobit mnohem složitější a důmyslnější tabulky.

Tatra Beta 1.3CL
Cena základní verze (Kč) 315,918
Rozměry (m)
délkašířkavýška
3.891.661.74
Testovaná spotřeba (l/100km) 9.1

Zdrojový text pak vypadá následovně (zkuste se na něj také podívat pomocí příkazů menu vaší prohlížečky, může být pod něčím jako File/Document source):

<table align="center" width="100%" border=1 cellpadding=5>
<caption align="bottom"><b><i>Tatra Beta 1.3CL</i></b></caption>
<tr><th align="left"><b>Cena základní verze (Kč)</b><td> 315,918
<tr><th align="left"><b>Rozměry (m)</b><td>
  <table width="100%" cellpadding=0>
  <tr><th>délka</th><th>šířka</th><th>výška</th>
  <tr align="center"><td>3.89</td><td>1.66</td><td>1.74</td>
  </table>
<tr><th align="left"><b>Testovaná spotřeba (l/100km)</b><td> 9.1
</table>

Příklad tabulky s využitím možností HTML 4.0:

Výdaje za rok 1997
Položka Měna Obnos Kurs Obnos v Kč
Knihy 1200.00 1,00 1200,00
Sborníky USD 230 31,00 7130,00
Pizza ITL 23,000.00 0,05 1095,70
Celkem 9425,70 Kč

Pokud vaše prohlížečka umí HTML 4.0, měly by být cifry ve sloupci 'Obnos' zarovnané podle desetinné tečky, zatímco sloupce 'Kurs' a 'Obnos v Kč' podle desetinné čárky. Zdrojový text vypadá takto:

<table cellpadding=5 cellspacing=0 border=1frame=hsides rules=groups 
    summary="Přehled výdajů za jednotlivé položky (knihy, sborníky, jídlo)
    za rok 1997 -- je uvedena měna pro položky, aktuální kurs a
    přepočet výdajů na koruny." >
<caption><i>Výdaje za rok 1997</i></caption>
<colgroup span=2 align=left>
<colgroup span=1 align=char char="."
<colgroup span=1 align=char char=",">
<thead>
<col span=5 align=left>
<tr align=left><th>Položka <th>Měna <th>Obnos <th>Kurs <th>Obnos v Kč
<tbody>
<tr><td>Knihy <td>Kč <td>1200.00 <td>1,00 <td>1200,00
<tr><td>Sborníky <td>USD <td>230 <td>31,00 <td>7130,00
<tr><td>Pizza <td>ITL <td>23,000.00 <td>0,05 <td>1095,70
<tr><th>Celkem <td colspan=4 align=left>9425,70 Kč
</table>