Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #00bfff und Farbwert #5f9ea0

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 #00bfff und Farbwert #5f9ea0

Zebra-Effekt mit Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom so genannten Zebra-Effekt. 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 unterschiedlichen Hintergrundfarben Farbwert #00bfff und Farbwert #5f9ea0.

<style type="text/css"><!--
  th.ying { 
    background-color: #00bfff;
  }
  th.yang { 
    background-color:#5f9ea0;
  }
//-->
</style>

Diese Klassen werden abwechselnd genutzt.

<table>
<tr><td class="ying">YA/A</td><td class="yang">YB/A</td><td class="ying">YC/A</td></tr>
<tr><td class="ying">YA/B</td><td class="yang">YB/B</td><td class="ying">YC/B</td></tr>
<tr><td class="ying">YA/C</td><td class="yang">YB/C</td><td class="ying">YC/C</td></tr>
</table>

Mehr zu th lesen Sie in Tabellen in HTML. Weiteres zum hier genutzten HTML-Befehl th erfahren Sie in der HTML Referenz unter <th>.

Füllen und Umranden mit Befehl a

Einen Hyperlink erzeugt man mit Befehl <a>. Diesen kann man farblich gestalten.

Für dieses Beispiel umranden wir <a> mit einem 3 Punkte dicken, gepunkteten Rahmen in Farbwert #5f9ea0 . Den Hintergrund von <a> färben wir mit Farbwert #00bfff. Dies ist in HTML nicht möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-color: #5f9ea0; 
    border-style: dotted; 
    border-width: 3pt; 
    background-color: #00bfff;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Verweise und Protokolle in HTML. Mehr zum hier gezeigten HTML-Tag <a>.