Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffb6c1 und Farbwert #f4a460

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 #ffb6c1 und Farbwert #f4a460

Füllen und Umranden von HTML-Tag h1

Eine Überschrift der 1. Stufe wird mit Tag <h1> gesetzt. Diese kann farblich gestaltet werden.

Für dieses Beispiel umranden wir <h1> mit einem 3 Punkte dicken, doppelten Rahmen in Farbwert #f4a460 . Den Hintergrund von <h1> färben wir mit Farbwert #ffb6c1. Das ist in HTML kaum möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h1 { 
    border-width:3pt; 
    border-style:double; 
    background-color:#ffb6c1; 
    border-color:#f4a460;
  }
//-->
</style>

Weiteres zu h1 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Mehr zum hier gezeigten HTML-Befehl h1 lesen Sie in der HTML Referenz unter <h1>.

Zebra-Effekt von HTML-Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem Zebra-Effekt. Dieser Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit den Hintergrundfarben Farbwert #ffb6c1 und Farbwert #f4a460.

<style type="text/css"><!--
  th.odd { 
    background-color: #ffb6c1;
  }
  th.even { 
    background-color:#f4a460;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="odd">GA-A</td><td class="even">GB-A</td><td class="odd">GC-A</td></tr>
<tr><td class="odd">GA-B</td><td class="even">GB-B</td><td class="odd">GC-B</td></tr>
<tr><td class="odd">GA-C</td><td class="even">GB-C</td><td class="odd">GC-C</td></tr>
</table>

Weiteres zum Thema th erfahren Sie in Tabellen in HTML. Möglichkeiten des hier verwendeten Befehl th lesen Sie in der HTML Referenz unter <th>.