Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #808080 und Farbwert #000000

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Beispiel zur Kombination von Farbwert #808080 und Farbwert #000000

Zebra-Effekt bei HTML-Tag th

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <th> mit unterschiedlichen Hintergrundfarben Farbwert #808080 und Farbwert #000000.

<style type="text/css"><!--
  th.ungerade { 
    background-color:#808080;
  }
  th.gerade { 
    background-color: #000;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr><td class="ungerade">H1/1</td><td class="gerade">H2/1</td><td class="ungerade">H3/1</td></tr>
<tr><td class="ungerade">H1/2</td><td class="gerade">H2/2</td><td class="ungerade">H3/2</td></tr>
<tr><td class="ungerade">H1/3</td><td class="gerade">H2/3</td><td class="ungerade">H3/3</td></tr>
</table>

Weiteres zum Thema th lesen Sie in Tabellen in HTML. Die Beschreibung des hier genutzten Befehl th lesen Sie in der HTML Referenz unter <th>.