Tabellenaufbau
Grundlegender Tabellenaufbau
Der Code einer leeren Tabelle mit zwei Spalten und zwei Zeilen sieht so aus.
<table>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
Der Tag <table> schließt die Tabelle ein, <tr> (= table row) erzeugt eine Zeile, und <td> (= table data) bezeichnet ein einzelnes Datenfeld. Die Anzahl der Datenfelder ergibt die Spalten, wobei die Spaltenzahl innerhalb einer Tabelle variieren kann.
Und nun die Tabelle mit Inhalt:
| Spalte 1 | Spalte 2 |
| Info 1 (kurze Info) | Info 2 (etwas längere Info, aber nur zu Demozwecken) |
Wie Sie sehen, die Tabelle wächst mit dem Text mit, solange man keine Angaben zu Spaltenbreiten usw. gemacht hat.
Übrigens kann man statt <td> auch <th> (= table head) verwenden - dann werden die entsprechenden Zellen anders formatiert:
| Spalte 1 | Spalte 2 |
|---|---|
| Info 1 (kurze Info) | Info 2 (etwas längere Info, aber nur zu Demozwecken) |
