Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #000080 und Farbe purple

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 #000080 und Farbe purple

Zebra-Effekt mit Tag td

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <td> mit unterschiedlichen Hintergrundfarben Farbwert #000080 und Farbe purple.

<style type="text/css"><!--
  td.ungerade { 
    background-color:#000080;
  }
  td.gerade { 
    background-color: purple;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr><td class="ungerade">FA,A</td><td class="gerade">FB,A</td><td class="ungerade">FC,A</td></tr>
<tr><td class="ungerade">FA,B</td><td class="gerade">FB,B</td><td class="ungerade">FC,B</td></tr>
<tr><td class="ungerade">FA,C</td><td class="gerade">FB,C</td><td class="ungerade">FC,C</td></tr>
</table>

Weiteres zum Thema lesen Sie in Tabellen in HTML. Einzelheiten des hier genutzten Tag td sind in der HTML Referenz bei <td> genau gezeigt.