Taulukot luodaan <table> tägeillä ja taulukko päättyy </table> tägiin.Esim.
Solu1 Solu2 Yllä olevan taulukon HTML-koodi on seuraavanlainen:
<html>
<table BORDER COLS=2 WIDTH="100%" ><tr>
<td>Solu 1</td><td>Solu2</td>
</tr>
</table>
</html><html> tägi aloittaa siis HTML-sivun
Taulukko alkaa <table>-tägillä -->, BORDER = Reunaviivan
vahvuus, WIDTH = taulukon leveys ikkunasta %
<tr> -tägillä alkaa taulukon uusi rivi
<td> -tägillä alkaa sarake ja sarake päättyy </td> -tägiin. Tässä
tapauksessa 1. rivin 1. sarakkeessa on teksti Solu1 ja 1. rivin 2.
arakkeessa on teksti Solu2Taulukko päättyy </table> -tägiin.
Seuraavassa kolmesarakkeinen ja kolmirivinen taulukko, 50 % ikkunasta
A1 B1 C1 A2 B2 C2 A3 B3 C2 Taulukon koodi on seuraavanlainen:
<html>
<table BORDER COLS=3 WIDTH="50%" >
<tr>
<td>A1</td> <td>B1</td> <td>C1</td>
</tr>
<tr>
<td>A2</td> <td>B2</td> <td>C2</td>
</tr>
<tr>
<td>A3</td> <td>B3</td> <td>C2</td>
</tr>
</table>
</html>Taulukolle ei ole pakko antaa muita määritteitä kuin pelkät aloitus <table> ja lopetus </table> tägit. Kokeile kirjoittaa yllä oleva taulukkokoodi siten, että kirjoitat ensimmäiseksi tägiksi pelkän <table>, jätä siis BORDER COLS=3 ja WIDTH="50%" määritteet pois.
Kokeile myös muuttaa BORDER COLS arvoksi esim. 20 - mitä tapahtuu?Tehdäänpä koodin vielä yksi muutos:
<html>
<table BORDER COLS=3 WIDTH="50%" >
<tr>
<td>A1</td> <td>B1</td> <td> <div align=right>C1</div> </td>
</tr><tr>
<td>A2</td> <td>B2</td> <td>C2</td>
</tr><tr>
<td>A3</td> <td>B3</td> <td>C2</td>
</tr>
</table>
</html>Voit koodia kokeillessasi huomata, että C1 solun teksti on siirtynyt solun oikeaan laitaan. Tämä tapahtuu siis tägillä <div align=right> ja lopetustägi on </div>. Right määritteen lisäksi voidaan käyttää määritteitä...
<div align=center> Keskelle </div> <div align=left>Vasempaan reunaa viemiseen</div> Vasemmassa laidassa teksti tosin on ilman sinne viemistäkin.
HUOM! <Div align> tägi ei kumoa <blackquote> eli sisennys tägin vaikutusta.
Taulukon solun sisällä voidaan tekstiä siirrellä monella tavalla. Tässä esimerkki:
<table BORDER COLS=1 WIDTH="100%" >
<tr>
<td ALIGN=LEFT VALIGN=TOP>
Tähän teksti
</td>
</tr>Teksti voidaan myös laittaa esim. pohjalle ja oikeaan laitaan: <tr>
<td ALIGN=RIGHT VALIGN=BOTTOM>
Tähän teksti
</td>
</tr>
</table>Taulukon leveys, kuten myös jokaisen solun leveys voidaan määritellä myös pikseleinä. Esim alla olevassa taulukossa kaksi solua joiden kummankin leveys 200 pikseliä. Lisäksi kummankin solun pohjaväriä ja tekstin väriä on muutettu.
PUNAINEN SININEN Taulukon koodi on nyt seuraavanlainen:
<html>
<table BORDER COLS=2 WIDTH="400" >
<tr>
<td WIDTH="200" BGCOLOR="#99FF99"><font color="#FF0000">PUNAINEN</font></td><td BGCOLOR="#CCFFFF"><font color="#3333FF">SININEN</font></td>
</tr>
</table>
</html>