HTML Tabellen - Teil 1
Ein Vorwort zu Tabellen: Tabellen sind nicht dazu da um deine Seite zu unterteilen, Bilder zu platzieren oder für sonstige Layoutzwecke. Tabellen dienen lediglich zur Darstellung tabellarischer Daten. Bitte halte dich daran und verwende Tabellen nur dazu wozu sie gedacht sind.
Das unten gezeigte Beispiel ist eine einfache Tabelle. Im Anschluss werde ich das Beispiel näher erklären.
<table border="1">
<tr>
<th>Verein</th>
<th>Punkte</th>
<th>Spiele</th>
</tr>
<tr>
<td>1. FC Köln</td>
<td>21</td>
<td>7</td>
</tr>
<tr>
<td>Eintracht Frankfurt</td>
<td>18</td>
<td>8</td>
</tr>
</table><table> und </table>
Mit <table> wird die Tabelle geöffnet, mit </table> wird sie wieder geschlossen. Alles zwischen diesen beiden Tags sind tabellarische Daten. Das border="1" ist optional und zeigt im Browser eine Gitterlinie. Natürlich kann man auch Tabellen ohne Gitterline erstellen.
<tr> und </tr>
<tr> öffnet eine Tabellenzeile. Nach dem öffnen werden die einzelnen Zeilen der Zelle definiert. Mit </tr> wird die Tabellenzeile wieder geschlossen.
Tabellenzellen
Eine Tabelle kann Kopfzellen und Datenzellen enthalten. Eine Kopfzelle wird mit <th> eingeleittet und kann zum Beispiel die Überschriften deiner Tabelle enthalten. <td> öffnet eine normale Datenzelle. Mit </th> und </td> werden die Zellen wieder geschlossen.
Das war jetzt ein einfaches Beispiel für eine HTML Tabelle und sollte für gewöhnliche Anwendungen schon reichen. Bitte beachte auch die Hinweise für eine erweiterte HTMl Tabelle.