Taulukko 2008-05-10 01:27

Blogiin ei voi lisätä taulukkoa graafisella editorilla, vaan se on tehtävä koodinmuokkaustilassa (X)HTML:nä.

Esimerkiksi 2x2 taulukko tehdään seuraavasti. Taulukko ympäröidään <table></table> -merkinnällä, ja sen sisällä olevat rivit merkitään <tr></tr> (table row) -merkinnällä, ja solut <td></td> (table data) -merkinnällä.

<table>
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>

Näyttää suunnilleen tältä:

Soluja täytyy olla jokaisella rivillä sama määrä, että selain pysyy laskuissa sarakkeiden suhteen, joita ei siksi tarvitse erikseen merkitä.

Jos tähän nelikenttään halutaan myös otsikkosolut, ne lisätään <th></th> (table heading) -merkkauksella.

<table>
<tr><th> </th><th>A</th><th>B</th></tr>
<tr><th>A</th><td>1</td><td>2</td></tr>
<tr><th>A</th><td>3</td><td>4</td></tr>
</table>

Näyttää suunnilleen tältä:

Huomaa, että myös vasemman ylänurkan tyhjä solu piti merkata XHTML-koodissa! Lisää taulukoista XHTML/CSS-oppaassa.