Ressourcen: 137 HTML Farbnamen - Kombination von Farbe goldenrod und Farbwert #2f4f4f

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 goldenrod und Farbwert #2f4f4f

Füllen und Umranden mit Tag q

In diesem Beispiel umranden wir <q> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbwert #2f4f4f . Den Hintergrund von <q> setzen wir entsprechend auf Farbe goldenrod. In HTML ist das kaum machbar. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  q { 
    border-width:1px; 
    background-color:goldenrod; 
    border-style:inset; 
    border-color:#2f4f4f;
  }
//-->
</style>

Mehr zum Befehl q ist in der HTML Referenz unter <q> genau gezeigt.

Zebra-Effekt mit Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem so genannten Zebra-Effekt. Der Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <tr> mit unterschiedlichen Hintergrundfarben Farbe goldenrod und Farbwert #2f4f4f.

<style type="text/css"><!--
  tr.even { 
    background-color:goldenrod;
  }
  tr.odd { 
    background-color:#2f4f4f;
  }
//-->
</style>

Diese werden dann abwechselnd verwendet.

<table>
<tr class="even"><td>IA~A</td><td>IB~A</td><td>IC~A</td></tr>
<tr class="odd"><td>IA~B</td><td>IB~B</td><td>IC~B</td></tr>
<tr class="even"><td>IA~C</td><td>IB~C</td><td>IC~C</td></tr>
</table>

Weiteres zum Thema finden Sie in Tabellen in HTML. Weiteres zum hier verwendeten Tag tr finden Sie in der HTML Referenz unter <tr>.