Impressum
< Links Inhalt Bilder >

Tabellen

Eine Tabelle steht innerhalb des Tags <table>, welches mit </table> geschlossen wird.
Hier stehen die Zeilen einer Tabelle, welche mit <tr> beginnen und mit </tr> enden.
Jede Zeile kann mehrere Zellen enthalten, diese werden druch <td> eingefasst.
Jede Zelle sollte gleich viele Zellen haben, man kann mit dem Attribute colspan jedoch mehrere Zelle einer Zeile zusammenfassen.
Um Zellen über Zeilen hinweg zu verbinden, verwendet man rowspan (z.B. <td rowspan=2>)

Eine Tabelle kann eine Kopfzeile besitzen. Hierfür verwendet man das Tag <th> statt <td>.

Beispiel:

<table >
<tr><th>Vorname</th><th>Nachname</th><th>Status</th></tr>
<tr><td>Roland</td><td>Holzer</td><td>real</td></tr>
<tr><td>Thomas</td><td>Müller</td><td rowspan="2">imaginär</td></tr>
<tr><td>Erika</td><td>Mustermann</td></tr>
<tr><td colspan="3">...unvollständig...</td></tr>
</table>
Vorname Nachname Status
Roland Holzer real
Thomas Müller imaginär
Erika Mustermann
...unvollständig...
Tabellen ohne Attribute und ohne CSS-Styleing, haben keine Linien zwischen den Zeilen und Spalten. Sie können verwendet werden, um auf einfache Weise die Elemente einer Webseite anzuordnen.
Man kann mittels Attributen die Tabelle verschönern, aber viel mehr geht mit CSS.
Mit dem Attribut border mit dem Wert solid kann man den Rahmen der Tabelle anzeigen.

Beispiel:

<table border="solid">
<tr><th>Vorname</th><th>Nachname</th><th>Status</th></tr>
<tr><td>Roland</td><td>Holzer</td><td>real</td></tr>
<tr><td>Thomas</td><td>Müller</td><td rowspan="2">imaginär</td></tr>
<tr><td>Erika</td><td>Mustermann</td></tr>
<tr><td colspan="3">...unvollständig...</td></tr>
</table>
Vorname Nachname Status
Roland Holzer real
Thomas Müller imaginär
Erika Mustermann
...unvollständig...