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

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

Text- und Unterstreichungsfarben mit HTML-Tag address

Hier ändern wir die Textfarbe von <address> auf Farbwert #b0c4de und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf sans-serif und setzen die Schriftgröße auf 81%. Wir unterstreichen den Inhalt von <address> mit Hilfe eines gepunkteten Rahmens mit 3 Pixel Dicke in Farbwert #00008b. In HTML geht das kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  address { 
    border-bottom: 3px dotted #00008b; 
    font-family: sans-serif; 
    font-size: 81%; 
    color: #b0c4de;
  }
//-->
</style>

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

Mehr zu address können Sie in Blockorientierte Elemente in HTML nachlesen. Der HTML-Tag address ist in der HTML Referenz bei <address> ausführlich zusammengestellt.

Zebra-Effekt bei HTML-Tag td

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <td> mit den Hintergrundfarben Farbwert #00008b und Farbwert #b0c4de.

<style type="text/css"><!--
  td.odd { 
    background-color: #00008b;
  }
  td.even { 
    background-color: #b0c4de;
  }
//-->
</style>

Diese werden dann abwechselnd verwendet.

<table>
<tr><td class="odd">W1:1</td><td class="even">W2:1</td><td class="odd">W3:1</td></tr>
<tr><td class="odd">W1:2</td><td class="even">W2:2</td><td class="odd">W3:2</td></tr>
<tr><td class="odd">W1:3</td><td class="even">W2:3</td><td class="odd">W3:3</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML lesen. Einzelheiten vom Befehl td sind in der HTML Referenz bei <td> ausführlich beschrieben.