Ressourcen: 137 HTML Farbnamen - Kombination von Farbe tan und Farbwert #008000

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 tan und Farbwert #008000

Text- und Unterstreichungsfarben mit Tag del

Wir ändern in diesem Beispiel die Textfarbe von <del> auf Farbwert #008000. Die Schriftart setzen wir auf sans-serif und erhöhen die Schriftgröße auf 120%. Wir unterstreichen den Inhalt von <del> mit Hilfe eines doppelten Rahmens mit 3 Punkte Dicke in Farbe tan. In HTML ist das kaum machbar. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  del { 
    color: #008000; 
    font-size: 120%; 
    font-family: sans-serif; 
    border-bottom: 3pt double tan;
  }
//-->
</style>

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

Weiteres zum hier gezeigten Tag del erfahren Sie in der HTML Referenz unter <del>.

Zebra-Effekt mit Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man von einem so genannten Zebra-Effekt. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <tr> mit den Hintergrundfarben Farbe tan und Farbwert #008000.

<style type="text/css"><!--
  tr.even { 
    background-color:tan;
  }
  tr.odd { 
    background-color:#008000;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr class="even"><td><tt>1,1</td><td></tt>2,1</td><td><tt>3,1</td></tr>
<tr class="odd"><td></tt>1,2</td><td><tt>2,2</td><td></tt>3,2</td></tr>
<tr class="even"><td><tt>1,3</td><td></tt>2,3</td><td>@3,3</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML nachlesen. Mehr zum HTML-Tag <tr>.