Tabellen sind im Grunde stärker strukturierte Listen. Sie werden mit dem table-Element erstellt. Mit dem tr-Element wird eine neue Zeile angefangen. In jeder Zeile können mehrere Zellen mit dem td-Element dargestellt werden. Die einzelnen Zellen bekommen einen Rahmen mit Hilfe des border-Attributes.
| 1. Zelle | 2. Zelle |
| 3. Zelle | 4. Zelle |
<table border="1">
<tr>
<td>1. Zelle</td>
<td>2. Zelle</td>
</tr>
<tr>
<td>3. Zelle</td>
<td>4. Zelle</td>
</tr>
</table>Es ist zwar nicht vorgeschrieben, aber zur besseren Übersichtlichkeit empfehle wir in jeder Spalte gleich viele Zeilen einzufügen. Dabei sollte i.d.R. in jeder Zeile eine Zelle sein.
Tabellen haben in der Regel oben oder links einen Tabellenkopf. Die Elemente des Tabellenkopfes sollten mit dem th-Element markiert werden, da dadurch sich diese Elemente von den anderen abheben können.
| 1. Zelle | 2. Zelle |
|---|---|
| 3. Zelle | 4. Zelle |
<table border="1">
<tr>
<th>1. Zelle</th>
<th>2. Zelle</th>
</tr>
<tr>
<td>3. Zelle</td>
<td>4. Zelle</td>
</tr>
</table>
Standardmäßig wird das th-Element oft zentriert und fett gedruckt. Aber bitte weiterhin bedenken, dass dass nicht der Sinn des th-Elements ist. Das Aussehen können wird später anders beeinflusst. Das th-Element sollte wirklich nur für Tabellenköpfe benutzt werden.
Quellenangabe: Volker Dirr:Einstieg in XHTML.Paderborn, Sommer 2007