HTML Hintergrundfarbe

von Thomas Salvador.

HTML Hintergrundfarben setzen Sie mit HTML bgcolor-Attributen.

Je nachdem an welchem HTML Tag Sie es nutzen, gilt es für unterschiedliche Bereiche Ihres HTML Dokumentes. Am häufigsten werden HTML Hintergrundfarben gesetzt für:

  • das aktuelle Dokument:
    <body bgcolor="#ffffee">
  • eine Tabellenzelle,
    <td bgcolor="white">
  • eine ganze Tabelle,
    <table bgcolor="#eeeeff">
  • eine Tabellenzeile,
    <tr bgcolor="red">
  • und einer Tabellenzellenüberschrift.
    <th bgcolor="yellow">

Die Fähigkeiten von HTML sind beschränkt. Mehr Möglichkeiten und eine saubere Trennung zwischen Inhalt und Darstellung erlaubt CSS mit seinem background-color Attribut. Nutzen Sie zum Beispiel eine wiederverwendbare, zentrale CSS Datei mit den Definitionen

body {background-color: #ffffee;}
table {background-color: white;}
td {background-color: #eef;}
tr {background-color: rgb(255,0,0);}
th {background-color: rgb(100%,0%,0%);}

Der Vorteil von CSS liegt nicht nur in dieser Trennung und der erweiterten Möglichkeiten auch bei der Beschreibung der Farbe selbst, sondern auch darin, dass sich Elemente präzise ansprechen lassen:

h2#inhalt {background-color: green;}
tr.summe {background-color: yellow;}

Nutzen Sie CSS, um Inhalt und Darstellung voneinander zu trennen, was Ihre Site flexibler und besser wartbar macht.

Jedoch funktionieren auch weiterhin die HTML bgcolor-Attribute zur Festlegung von HTML Hintergrundfarben.