Ressourcen: 137 HTML Farbnamen - Kombination von Farbe mediumslateblue und Farbwert #ffa07a

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 Farbe mediumslateblue und Farbwert #ffa07a

Zebra-Effekt bei HTML-Befehl th

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <th> mit den Hintergrundfarben Farbe mediumslateblue und Farbwert #ffa07a.

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

Diese werden dann abwechselnd genutzt.

<table>
<tr><td class="ung">Ha-a</td><td class="ger">Hb-a</td><td class="ung">Hc-a</td></tr>
<tr><td class="ung">Ha-b</td><td class="ger">Hb-b</td><td class="ung">Hc-b</td></tr>
<tr><td class="ung">Ha-c</td><td class="ger">Hb-c</td><td class="ung">Hc-c</td></tr>
</table>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Der hier gezeigte HTML-Befehl th ist in der HTML Referenz bei <th> beschrieben.

Füllen und Umranden bei HTML-Tag h3

Eine Überschrift der 3. Stufe erzeugt man mit Tag <h3>. Diese können Sie farblich gestalten und hervorheben.

Für dieses Beispiel umranden wir <h3> mit einem gepunkteten, 5 Pixel dicken Rahmen in Farbwert #ffa07a . Die Hintergrundfarbe für <h3> färben wir mit Farbe mediumslateblue. Mit HTML geht dies nicht. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  h3 { 
    border-color: #ffa07a; 
    border-width: 5px; 
    border-style: dotted; 
    background-color: mediumslateblue;
  }
//-->
</style>

Mehr zum Thema h3 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Mehr zum HTML-Tag h3 ist in der HTML Referenz bei <h3> genau gezeigt.