Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #696969 und Farbwert #f0fff0

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 #696969 und Farbwert #f0fff0

Hintergrund/Text-Kombination bei HTML-Tag a

Einen Link setzt man mit Befehl <a>. Dieser kann farblich gestaltet und hervorgehoben werden.

Hier ändern wir die Textfarbe von <a> auf Farbwert #f0fff0 und die Hintergrundfarbe von <a> auf Farbwert #696969. Als Schriftart wählen wir verdana. Die Schriftgröße ändern wir auf 13px.

<style type="text/css"><!--
  a { 
    font-size:13px; 
    color:#f0fff0; 
    background-color:#696969; 
    font-family:verdana;
  }
//-->
</style>

Weiteres zum Thema a finden Sie in Verweise und Protokolle in HTML. Der hier genutzte Befehl a ist in der HTML Referenz unter <a> ausführlich gezeigt.

Zebra-Effekt mit HTML-Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, 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 .ger und .ung für <th> mit den Hintergrundfarben Farbwert #696969 und Farbwert #f0fff0.

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

Diese werden dann abwechselnd angewendet.

<table>
<tr><td class="ger">Pa~a</td><td class="ung">Pb~a</td><td class="ger">Pc~a</td></tr>
<tr><td class="ger">Pa~b</td><td class="ung">Pb~b</td><td class="ger">Pc~b</td></tr>
<tr><td class="ger">Pa~c</td><td class="ung">Pb~c</td><td class="ger">Pc~c</td></tr>
</table>

Mehr zum Thema th können Sie in Tabellen in HTML finden. Einzelheiten vom hier genutzten Tag <th>.