Ressourcen: 137 HTML Farbnamen - Kombination von Farbe slateblue und Farbwert #9932cc

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 slateblue und Farbwert #9932cc

Zebra-Effekt mit HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom so genannten Zebra-Effekt. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <tr> mit den Hintergrundfarben Farbe slateblue und Farbwert #9932cc.

<style type="text/css"><!--
  tr.ger { 
    background-color:slateblue;
  }
  tr.ung { 
    background-color:#9932cc;
  }
//-->
</style>

Diese werden dann abwechselnd verwendet.

<table>
<tr class="ger"><td>JA,A</td><td>JB,A</td><td>JC,A</td></tr>
<tr class="ung"><td>JA,B</td><td>JB,B</td><td>JC,B</td></tr>
<tr class="ger"><td>JA,C</td><td>JB,C</td><td>JC,C</td></tr>
</table>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Mehr zum Befehl tr finden Sie in der HTML Referenz unter <tr>.

Text- und Unterstreichungsfarben bei HTML-Befehl caption

Hier ändern wir die Textfarbe von <caption> auf Farbwert #9932cc. Die Schriftart ändern wir auf sans-serif und setzen die Schriftgröße auf 90%. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines gepunkteten Rahmens mit 4 Punkte Dicke in Farbe slateblue. Das geht in HTML nicht. Daher nutzen wir hier CSS.

<style type="text/css"><!--
  caption { 
    color:#9932cc; 
    border-bottom:4pt dotted slateblue; 
    font-family:sans-serif; 
    font-size:90%;
  }
//-->
</style>

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

Weiteres zu caption können Sie in Tabellen in HTML nachsehen. Möglichkeiten des hier gezeigten HTML-Tag caption lesen Sie in der HTML Referenz unter <caption>.