Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darksalmon und Farbwert #87cefa

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 darksalmon und Farbwert #87cefa

Hintergrund/Text-Kombination von Tag h4

Eine Überschrift der 4. Stufe wird mit HTML-Tag <h4> gesetzt. Diese können Sie hervorheben und farblich gestalten.

Für dieses Beispiel ändern wir die Textfarbe von <h4> auf Farbwert #87cefa und die Hintergrundfarbe von <h4> auf Farbe darksalmon. Als Schriftart wählen wir courier new und als Schriftgröße wählen wir 87%.

<style type="text/css"><!--
  h4 { 
    background-color:darksalmon; 
    color:#87cefa; 
    font-family:courier new; 
    font-size:87%;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom hier verwendeten Befehl <h4>.

Zebra-Effekt bei Befehl th

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er 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 darksalmon und Farbwert #87cefa.

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

Diese werden abwechselnd angewendet.

<table>
<tr><td class="ying">M1/1</td><td class="yang">M2/1</td><td class="ying">M3/1</td></tr>
<tr><td class="ying">M1/2</td><td class="yang">M2/2</td><td class="ying">M3/2</td></tr>
<tr><td class="ying">M1/3</td><td class="yang">M2/3</td><td class="ying">M3/3</td></tr>
</table>

Mehr zu th können Sie in Tabellen in HTML erfahren. Möglichkeiten vom HTML-Tag th sind in der HTML Referenz bei <th> genau gezeigt.