Tabellen stellen ein universelles Einsatzmittel zur richtigen Platzierung von Text- und Bildelementen dar. Sie sind auf fast jeder Seite zu finden, auch wenn sie oft nicht sichtbar sind. Man erspart sich viel Arbeit, wenn man sich zunächst mit Papier und Bleistift oder in einem Bildbearbeitungs- oder Layoutprogramm einen Entwurf erstellt, aus dem die Verteilung der Seitenelemente in etwa hervorgeht. Steht der Grobentwurf fest, werden senkrechte und waagerechte Linien gezogen, die die Begrenzung der einzelnen Layout-Elemente markieren. So werden die Zeilen und Spalten der zu programmierenden Tabelle sichtbar. Nach diesem Raster kann dann die Tabelle recht schnell im HTML-Code geschrieben und mit Inhalten gefüllt werden.
Müssen nur wenige Elemente auf der Seite plaziert werden oder will man bestimmte Effekte erreichen (z. B. das Übereinanderlegen verschiedener Text- oder Bildelemente), können ab Browsergeneration 4.0 auch Cascading Style Sheets zur Positionierung verwendet werden.

Als Beispiel soll hier eine Tabelle mit zwei Zeilen und vier Spalten erstellt werden.

<TABLE>	Hier fängt die Tabelle an.
<TR>	Hier fängt die erste Zeile an: TR = table row und TD = table date.
<TD>	Hier fängt die erste Spalte an (genauer: die 1. Zelle der ersten Zeile).
...	Hier steht der Inhalt der 1. Zelle der ersten Zeile.
</TD>	Hier hört die 1. Zelle auf.
<TD>	Hier fängt die zweite Spalte an (genauer: die 2. Zelle der ersten Zeile).
...	Hier steht der Inhalt der 2. Zelle der ersten Zeile.
</TD>	Hier hört die 2. Zelle auf.
<TD>	Hier fängt die dritte Spalte an (genauer: die 3. Zelle der ersten Zeile).
...	Hier steht der Inhalt der 3. Zelle der ersten Zeile.
</TD>	Hier hört die 3. Zelle auf.
<TD>	Hier fängt die vierte Spalte an (genauer: die 4. Zelle der ersten Zeile).
...	Hier steht der Inhalt der 4. Zelle der ersten Zeile.
</TD>	Hier hört die 4. Zelle auf.
</TR>	Hier hört die erste Zeile auf.
<TR>	Hier fängt die zweite Zeile an.
<TD>	Hier fängt die erste Spalte an (genauer: die 1. Zelle der zweiten Zeile).
...	Hier steht der Inhalt der 1. Zelle der zweiten Zeile.
</TD>	Hier hört die 1. Zelle auf.
<TD>	Hier fängt die zweite Spalte an (genauer: die 2. Zelle der zweiten Zeile).
...	Hier steht der Inhalt der 2. Zelle der zweiten Zeile.
</TD>	Hier hört die 2. Zelle auf.
<TD>	Hier fängt die dritte Spalte an (genauer: die 3. Zelle der zweiten Zeile).
...	Hier steht der Inhalt der 3. Zelle der zweiten Zeile.
</TD>	Hier hört die 3. Zelle auf.
<TD>	Hier fängt die vierte Spalte an (genauer: die 4. Zelle der zweiten Zeile).
...	Hier steht der Inhalt der 4. Zelle der zweiten Zeile.
</TD>	Hier hört die 4. Zelle auf.
</TR>	Hier hört die zweite Zeile auf.
</TABLE>	Hier ist die Tabelle zu Ende.

Zwei oder mehr Zellen einer Tabelle können sowohl horizontal als auch vertikal miteinander vereinigt werden. Dafür wird in den TD - tag die Eigenschaft rowspan bzw. colspan eingefügt.

Als Wert wird die Anzahl der zu vereinigenden Zellen angegeben. Dabei ist darauf zu achten, daß die Anzahl der Zellen in den betroffenen Zeilen entsprechend verringert werden muß. Beispiel:

In den TABLE - tag können folgende Eigenschaften eingefügt werden: