\(\renewcommand{\vec}[1]{\mathbf{#1}} \DeclareMathOperator*{\sijoitus}{\Big/} \newcommand{\eval}[2]{\sijoitus_{\kern-0.7em#1}^{\kern0.7em#2}\!} \)

5.1.1.7 Taulukko <table></table>

Taulukko eli table-elementti koostuu riveistä (tr-elementti, table row), jotka puolestaan koostuvat soluista (td- tai th-elementti, table data/header). Solut ovat muuten samoja, mutta th-elementin sisältöä kohdellaan otsikkona, jolloin se yleensä lihavoidaan ja keskitetaan.

Alla tehdään yksinkertainen taulukko, jossa on kolme riviä ja kolme saraketta. Vertaile koodia ja lopputulosta (värejä on muokattu css-tyylitiedoston avulla, mutta älä kiinnitä siihen nyt liikaa huomiota).

KoodiTulos
<table summary="taulukkoesimerkki1" border="1" 
cellpadding="5">
<tr><th>Nimi</th><th>Ikä</th><th>Tykkää</th></tr>
<tr><td>Kalle</td><td>13</td><td>Tiinasta</td></tr>
<tr><td>Tiina</td><td>13</td><td>Kallesta</td></tr>
</table>
NimiIkäTykkää
Kalle13Tiinasta
Tiina13Kallesta

Lisää esimerkkejä ja selityksiä löydät täältä.