Tabellen
 
Tabellen gehören zum Wichtigsten für die Gestaltung einer Website.
Nur mit ihrer Hilfe können Grafiken exakt ausgerichtet
oder Text spaltenweise wiedergegeben werden.

Beispiel:

<table border>
<tr>
<th>Mädchen</th>
<th>Jungen</th>
</tr>
<tr>
<td>Sonja</td>
<td>Elias</td>
</tr>
<tr>
<td>Anika</td>
<td>Samuel</td>
</tr>
</table>

Darstellung im Browser:
 

 
Eine Tabelle wird mit "table" begonnen, "tr" bedeutet table row und leitet
die erste Reihe einer Tabelle ein. "th" bedeutet table head,
dadurch wird die erste Reihe der Tabelle fett dargestellt,
"th" kann auch durch "td" (= table data) ersetzt werden,
wenn keine Tabellenüberschrift ausgegeben werden soll.

Mit </tr> wird die erste Reihe abgeschlossen, es folgt die zweite,
wobei die Anzahl der "td"-Einträge die Zahl der Spalten bestimmt.

Das "table-tag" kann einige Zusatzattribute aufweisen;
das wichigste ist "border".
Wenn es nicht angegeben wird, fehlen die Zellenumrandungen,
dadurch kann ein "Spaltentext" erzeugt werden.

Weitere Attribute:

align: bestimmt die Ausrichtung (z.B. align=center)
cellpadding: Abstand zwischen Text und Zellrand
(z.B. cellpadding=5, alle Angaben in Pixel)

cellspacing: Abstand zwischen den Zellen, dickere Zellwände (z.B. cellspacing=3)
bgcolor: bestimmt die Hintergrundfarbe der Tabelle
(siehe Farben im Bodytag), es kann auch einzelnen Zellen eine Farbe
zugewiesen werden, dann steht das Attribut bgcolor im td-Tag.

Beim Internet Explorer können auch Hintergrundgrafiken zugewiesen
werden (background="bild2.gif"), Netscape ignoriert diese Zuweisung.

Beispiel für ein "tabletag" mit Attributen:

<table border=5 cellpadding=4 cellspacing=3
bgcolor=#CCFFFF background="clouds.jpg" align=center>

Darstellung im Browser:

 

Bei Netscape gibts kein Hintergrundbild, da ist's zartblau!
Beim Internet Explorer sollte man Wolken sehen!
 
In den einzelnen Zellen kann auch die Breite und die Höhe definiert
werden (siehe Breiten- und Höhendefinition bei Grafiken).

Es können statt des Textes auch Bilder eingefügt werden,
dann wird im obigen Beispiel einer der Namen durch das img-Tag ersetzt.
Dies findet sehr häufig Anwendung, da dadurch Bilder und Grafiken
auf einer Seite genau angeordnet werden können.