Lektion 10/Teil 3 - Tabellen & Frabe

Eine recht einfache Möglichkeit HTML-Seiten etwas Pfiff zu geben sind farbige Tabellen. Man kann entweder der ganzen Tabelle eine Farbe geben oder auch den einzelnen Spalten.

Farbige Tabellen werden nicht von allen Browsern unterstützt. Netscape Navigator ab Version 3.0 und MS Internet Explorer ab der Version 2.0 können Tabellen farbig darstellen.

Achten Sie darauf, dass man den Tabellen-Text auch mit älteren Browsern lesen kann, wenn diese keine farbigen Tabellen darstellen können. Wählen Sie die Farben für Text, Seitenhintergrund entsprechend aus. Ein Beispiel für schlecht ausgewählte Farben wäre eine weiße Seite mit einer Tabelle, die einen schwarzen Hintergrund und weiße Schrift hat. Wenn hier die Hintergrundfarbe Schwarz nicht dargestellt wird, kann man den Text natürlich nicht mehr lesen.

Jetzt zu den Befehlen:
Soll der ganze Tabellenhintergrund einfärbt werden, kommt in den
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0> Befehl der Zusatz BGCOLOR=#......
mit der sechsstelligen Farbnummer. Der Befehl sieht dann so aus:

<TABLE BORDER=2 CELLSPACING=2 CELLPADDING=2 BGCOLOR=#FFFF00>
   <TR>
      <TD>Eine Tabelle mit gelbem Hintergrund</TD>
      <TD>Eine Tabelle mit gelbem Hintergrund</TD>
   </TR>
</TABLE>

Und so sieht die Tabelle aus:

Eine Tabelle mit gelbem Hintergrund Eine Tabelle mit gelbem Hintergrund


Bei einer Tabelle, die verschiedenfarbige Spalten haben soll, kommt der Zusatz BGCOLOR=#..... in den <TD>-Befehl:

<TABLE BORDER=2 CELLSPACING=2 CELLPADDING=2>
   <TR>
      <TD BGCOLOR=#FFFF00>Eine Spalte mit gelbem Hintergrund</TD>
      <TD BGCOLOR=#0066FF>Eine Spalte mit blauem Hintergrund</TD>
      <TD BGCOLOR=#66FF00>Eine Spalte mit grünem Hintergrund</TD>
   </TR>
</TABLE>


Und so sieht die Tabelle aus:

Eine Spalte mit gelbem Hintergrund Eine Spalte mit blauem Hintergrund Eine Spalte mit grünem Hintergrund



zur Lektion 10/4