2.1 Tabellen

Tabellen werden mit Hilfe von drei Tags, in folgender Hierachie definiert:

  • <TABLE> Tabelle insgesamt (Gesamtbreite, Hintergrund, Rahmen, Gitter,...)
    • <TR> Erste Tabellen-Zeile (row)
      • <TD> alle Zellen der ersten Zeile, entsprechend der Anzahl an Spalten (evt auch <TH>)
    • <TR> Zweite Tabellen-Zeile
      • <TD> alle Zellen der zweiten Zeile
Beispiel:
<table border=12 cellspacing=4 cellpadding=8>
  <tr>
    <td>Zelle1-1</td>
    <td>Zelle2-1</td>
    <td>Zelle3-1</td>
  </tr>
Zelle1-1 Zelle2-1 Zelle3-1
1-2 2-2
  <tr align="center">
    <td align="left">1-2</td>
    <td colspan="2">2-2</td>
  </tr>
</table>

Mögliche Attribute der Tabellen-Tags:

Attribut <TABLE>  <TR>   <TD>  Bedeutung
bgcolor="#CCCCCC"

ja

ja

ja Hintergrundfarbe
background="Pfad/Bilddatei" ja ja ja Hintergrundgrafik
width="60%" ja - ja Breite
height=300

ja

- ja Höhe
align={center|left|right} ja ja
ja horiz. Ausrichtung
valign={top|middle|bottom|baseline} - ja ja vert. Ausrichtung (baseline ab 4.0: alle ersten Textzeilen auf gleicher Höhe)
rowspan=2 - - ja vert. Zellzusammenfassung
colspan=4 - -
ja horz. Zellzusammenfassung
nowrap - - ja verhindert Zeilenumbruch in Zellen
cellspacing=4 ja - - Abstand zwischen den Zellen
cellpadding=8 ja - - Abstand vom Zellinhalt zum Zellrand
border=12

ja

- - Rahmendicke
bordercolorlight="#CCCCCC" ja - - IE: Rahmenfarbe (hell)
bordercolordark="#666666" ja - - IE: Rahmen-Schattierungsfarbe (dunkel)
bordercolor="#0000FF" ja - - IE: Rahmenfarbe (gesamt)

Anstelle des TD-Tags kann für Kopfzellen auch der TH-Tag benutzt werden, der den eingeschlossenes Zellentext zentriert und fett darstellt.
Wenn angegeben hat die Breite der Tabelle Vorrang vor den Breiten der Zellen.
Eine Zellbreitenangabe (am besten in der ersten Zeile) gilt für die komplette Spalte.
Eine Zellhöhenangabe gilt für die komplette Zeile.

Top  Previous  Next