Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #cd853f und Farbwert #d3d3d3

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 #cd853f und Farbwert #d3d3d3

Zebra-Effekt von Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom Zebra-Effekt. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <th> mit unterschiedlichen Hintergrundfarben Farbwert #cd853f und Farbwert #d3d3d3.

<style type="text/css"><!--
  th.ying { 
    background-color:#cd853f;
  }
  th.yang { 
    background-color:#d3d3d3;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr><td class="ying">Ra,a</td><td class="yang">Rb,a</td><td class="ying">Rc,a</td></tr>
<tr><td class="ying">Ra,b</td><td class="yang">Rb,b</td><td class="ying">Rc,b</td></tr>
<tr><td class="ying">Ra,c</td><td class="yang">Rb,c</td><td class="ying">Rc,c</td></tr>
</table>

Mehr zum Thema th lesen Sie in Tabellen in HTML. Weiteres zum hier verwendeten Befehl th lesen Sie in der HTML Referenz unter <th>.

Text- und Unterstreichungsfarben mit Tag h4

Eine Überschrift der 4. Stufe erzeugt man mit Befehl <h4>. Diese kann man hervorheben und farblich gestalten.

In diesem Beispiel ändern wir die Textfarbe von <h4> auf Farbwert #d3d3d3 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße setzen wir auf 113%. Wir unterstreichen den Inhalt von <h4> mit Hilfe eines einfallenden Rahmens mit 4 Punkte Dicke in Farbwert #cd853f. Mit HTML geht das nicht. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  h4 { 
    font-family: sans-serif; 
    font-size: 113%; 
    border-bottom: 4pt inset #cd853f; 
    color: #d3d3d3;
  }
//-->
</style>

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

Mehr zum Thema h4 finden Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom HTML-Tag h4 lesen Sie in der HTML Referenz unter <h4>.