Einfaches Tabellenbeispiel

Zuerst die Beschreibung der im Beispiel verwendeten Tabellen-Tags:

table: Tabelle. Optionale Attribute: 'border=n' (n = 0, kein Rand = Standard, n = 1, n = 2 usw.),
Tabellen können auch verschachtelt werden (Tabelle in einer Tabelle).
Tabellen ohne Rand (unsichtbare Tabellen) werden oft zur Positionierung von Objekten benutzt.
tr: table row, Tabellenzeile.
td: table date, Inhalt einer Zelle.
th: table header. Optionale Spaltenüberschriften.

Spalte 1	Spalte 2	Spalte 3	Spalte 4
Zelle Z1 Sp1	Zelle Z1 Sp2	Zelle Z1 Sp3	Zelle Z1 Sp4
Zelle Z2 Sp1	Zelle Z2 Sp2	Zelle Z2 Sp3	Zelle Z2 Sp4
Zelle Z3 Sp1	Zelle Z3 Sp2	Zelle Z3 Sp3	Zelle Z3 Sp4

Der relevante Teil des Quelltextes:

<table border="1" bordercolor="#0000FF">
   <tr>
     <th>Spalte 1</th>
     <th>Spalte 2</th>
     <th>Spalte 3</th>
     <th>Spalte 4</th>
   </tr>
   <tr>
     <td>Zelle Z1 Sp1</td>
     <td>Zelle Z1 Sp2</td>
     <td>Zelle Z1 Sp3</td>
     <td>Zelle Z1 Sp4</td>
   </tr>
   <tr>
     <td>Zelle Z2 Sp1</td>
     <td>Zelle Z2 Sp2</td>
     <td>Zelle Z2 Sp3</td>
     <td>Zelle Z2 Sp4</td>
   </tr>
   <tr>
     <td>Zelle Z3 Sp1</td>
     <td>Zelle Z3 Sp2</td>
     <td>Zelle Z3 Sp3</td>
     <td>Zelle Z3 Sp4</td>
   </tr>
</table>

Es existieren noch viele Tags und Attribute um Tabellen zu gestalten. Nur einige Hinweise: Zellen auf mehrere Zeilen oder Spalten ausdehnen, Hintergrundfarben oder Hintergrundbilder einfügen, Zellengröße und Zellenausrichtung definieren, Zeilenumbrüche unterdrücken, Textabstand vom Rand definieren, Tabellenausrichtung definieren, Textfluss um Tabelle definieren. Die nächsten Kapitel zeigen eine Auswahl.

Zur Startseite