Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f5f5dc und Farbwert #00008b

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 #f5f5dc und Farbwert #00008b

Zebra-Effekt bei HTML-Tag tr

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #f5f5dc und Farbwert #00008b.

<style type="text/css"><!--
  tr.ungerade { 
    background-color: #f5f5dc;
  }
  tr.gerade { 
    background-color: #00008b;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd verwendet.

<table>
<tr class="ungerade"><td>KA.A</td><td>KB.A</td><td>KC.A</td></tr>
<tr class="gerade"><td>KA.B</td><td>KB.B</td><td>KC.B</td></tr>
<tr class="ungerade"><td>KA.C</td><td>KB.C</td><td>KC.C</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML finden. Möglichkeiten vom hier genutzten HTML-Tag tr sind in der HTML Referenz bei <tr> zusammengestellt.

Text- und Unterstreichungsfarben bei HTML-Befehl em

Hier ändern wir die Textfarbe von <em> auf Farbwert #00008b und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf verdana und setzen die Schriftgröße auf 125%. Wir unterstreichen den Inhalt von <em> mit Hilfe eines doppelten Rahmens mit 2 Pixel Dicke in Farbwert #f5f5dc. Das geht in HTML nicht. Wir nutzen daher CSS.

<style type="text/css"><!--
  em { 
    border-bottom: 2px double #f5f5dc; 
    font-size: 125%; 
    color: #00008b; 
    font-family: verdana;
  }
//-->
</style>

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

Mehr zum Thema erfahren Sie in Text in HTML. Möglichkeiten des HTML-Befehl <em>.