Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe red und Farbwert #ff00ff

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.

Beispiele zur Kombination von Farbe red und Farbwert #ff00ff

Hintergrund/Text-Kombination bei Tag h5

Eine Überschrift wird mit HTML-Tag <h5> erzeugt. Diese kann man hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <h5> auf Farbwert #ff00ff und die Hintergrundfarbe von <h5> auf Farbe red. Als Schriftart setzen wir monospace. Die Schriftgröße setzen wir auf 9pt.

<style type="text/css"><!--
  h5 { 
    font-family: monospace; 
    font-size: 9pt; 
    color: #f0f; 
    background-color: red;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Die Beschreibung vom Befehl h5 finden Sie in der HTML Referenz unter <h5>.

Zebra-Effekt von HTML-Befehl th

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <th> mit den Hintergrundfarben Farbe red und Farbwert #ff00ff.

<style type="text/css"><!--
  th.ying { 
    background-color:red;
  }
  th.yang { 
    background-color:#ff00ff;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="ying">VA/A</td><td class="yang">VB/A</td><td class="ying">VC/A</td></tr>
<tr><td class="ying">VA/B</td><td class="yang">VB/B</td><td class="ying">VC/B</td></tr>
<tr><td class="ying">VA/C</td><td class="yang">VB/C</td><td class="ying">VC/C</td></tr>
</table>

Mehr zum Thema th können Sie in Tabellen in HTML lesen. Möglichkeiten vom hier gezeigten HTML-Tag <th>.