Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #a0522d und Farbwert #faebd7

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 #a0522d und Farbwert #faebd7

Zebra-Effekt von Tag th

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <th> mit unterschiedlichen Hintergrundfarben Farbwert #a0522d und Farbwert #faebd7.

<style type="text/css"><!--
  th.gerade { 
    background-color:#a0522d;
  }
  th.ungerade { 
    background-color:#faebd7;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr><td class="gerade">A1,1</td><td class="ungerade">A2,1</td><td class="gerade">A3,1</td></tr>
<tr><td class="gerade">A1,2</td><td class="ungerade">A2,2</td><td class="gerade">A3,2</td></tr>
<tr><td class="gerade">A1,3</td><td class="ungerade">A2,3</td><td class="gerade">A3,3</td></tr>
</table>

Weiteres zu th können Sie in Tabellen in HTML nachlesen. Einzelheiten des hier verwendeten Tag <th>.

Text- und Unterstreichungsfarben von Tag acronym

Für dieses Beispiel ändern wir die Textfarbe von <acronym> auf Farbwert #faebd7 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf verdana und ändern die Schriftgröße auf 13pt. Wir unterstreichen den Inhalt von <acronym> mit Hilfe eines doppelten Rahmens mit 4 Pixel Dicke in Farbwert #a0522d. Dies geht in HTML nicht. Deshalb nutzen wir hierfür CSS.

<style type="text/css"><!--
  acronym { 
    color: #faebd7; 
    font-family: verdana; 
    border-bottom-width: 4px; 
    font-size: 13pt; 
    border-bottom-color: #a0522d; 
    border-bottom-style: double;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Der Befehl acronym ist in der HTML Referenz unter <acronym> ausführlich zusammengestellt.