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).
| Koodi | Tulos | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
<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> |
|
Lisää esimerkkejä ja selityksiä löydät täältä.
