Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #da70d6 und Farbwert #ffa500

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Beispiele zur Kombination von Farbwert #da70d6 und Farbwert #ffa500

Füllen und Umranden bei Befehl h1

Mit HTML-Tag <h1> wird eine Überschrift erzeugt. Diese kann man farblich gestalten.

Für dieses Beispiel umranden wir <h1> mit einem gezahnten, 5 Punkte dicken Rahmen in Farbwert #ffa500 . Den Hintergrund von <h1> setzen wir auf Farbwert #da70d6. In HTML geht dies kaum. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h1 { border:5pt ridge #ffa500; background-color:#da70d6; }
//-->
</style>

Mehr zu h1 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten des HTML-Tag h1 sind in der HTML Referenz unter <h1> genau beschrieben.

Zebra-Effekt von Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man von einem so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <th> mit unterschiedlichen Hintergrundfarben Farbwert #da70d6 und Farbwert #ffa500.

<style type="text/css"><!--
  th.ger { 
    background-color: #da70d6;
  }
  th.ung { 
    background-color: #ffa500;
  }
//-->
</style>

Diese werden abwechselnd verwendet.

<table>
<tr><td class="ger">Y1:1</td><td class="ung">Y2:1</td><td class="ger">Y3:1</td></tr>
<tr><td class="ger">Y1:2</td><td class="ung">Y2:2</td><td class="ger">Y3:2</td></tr>
<tr><td class="ger">Y1:3</td><td class="ung">Y2:3</td><td class="ger">Y3:3</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML lesen. Die Beschreibung vom hier verwendeten HTML-Tag th finden Sie in der HTML Referenz unter <th>.