HTML-Grundlagen: Tabellen erstellen

Manchmal ist es auf einer Webseite notwendig Inhalte tabellarisch darzustellen. Tja, hier so mal das Wichtigste um Tabellen zu erstellen:

Wir fangen mit dem Befehl <table> an. In diesem Tag könnt ihr weitere Infos der Tabelle (Schriftart, -größe, -farbe usw.) festlegen. Mit border="1" legt man fest, wie dick der Rahmen der Tabelle in Pixel sein soll - in diesem Fall 1px. Wenn du 0 eingibst siehst du keinen Rahmen um die Tabelle.

Mit width="100" kannst du die Breite festlegen, mit height="100" die Höhe. Der Wert 100 kann dann je wie man es braucht verändert werden. 100 bedeutet 100 Pixel Breite oder eben Höhe. Man kann den Wert auch in % Angeben. Die Prozent-Angabe der Höhe ist allerdings in neueren HTML-Standards nicht mehr enthalten, es ist also nicht garantiert, das diese Angabe von allen Browsern erfüllt werden kann.

Mit bgcolor="#000000" legt man die Hintergrundfarbe für die Tabelle fest. Wenn man ein Hintergrundbild haben will, dann lautet der Befehl: bgimage="hintergrundbild.gif".

Die Rahmenfarbe kann man mit bordercolor="#000000" einstellen, man kann auch mit bordercolorlight und bordercolordark herum experimentieren.

Damit in der Tabelle auch etwas erscheint, muss man eine neue Zeile beginnen und zwar mit <tr>. Innerhalb der Zeile kann man mit dem Befehl <td> dann auch eine neue Spalte einfügen. Die Zeile oder Spalte wird dann mit </tr> oder </td> abgeschlossen. Wenn du damit fertig bist zum Abschluss noch der Befehl: </table> und fertig.

Hier is noch ein Musterbeispiel:

<table cellpadding="0" cellspacing="0" border="1" bgcolor="#000000" width="500" height="100" bordercolor="#ffffff">
<tr>
<td>TEXT</td>
<td>TEXT</td>
<td>TEXT</td>
</tr>
<tr>
<td>TEXT</td>
<td>TEXT</td>
<td>TEXT</td>
</tr>
<tr>
<td>TEXT</td>
<td>TEXT</td>
<td>TEXT</td>
</tr>
</table>

Kommentare