Ressourcen: 137 HTML Farbnamen - Kombination von Farbe oldlace und Farbwert #808000

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 oldlace und Farbwert #808000

Text- und Unterstreichungsfarben von Befehl strike

Wir ändern Hher die Textfarbe von <strike> auf Farbwert #808000. Die Schriftart ändern wir auf sans-serif und verringern die Schriftgröße auf 83%. Wir unterstreichen den Inhalt von <strike> mit Hilfe eines gestrichelten Rahmens mit 4 Pixel Dicke in Farbe oldlace. Dies geht in HTML kaum. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  strike { 
    border-bottom-color: oldlace; 
    color: #808000; 
    font-size: 83%; 
    border-bottom-style: dashed; 
    border-bottom-width: 4px; 
    font-family: sans-serif;
  }
//-->
</style>

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

Weiteres zum Thema können Sie in Text in HTML finden. Weiteres zum Tag <strike>.

Zebra-Effekt mit Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit unterschiedlichen Hintergrundfarben Farbe oldlace und Farbwert #808000.

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

Diese Klassen werden abwechselnd angewendet.

<table>
<tr class="ungerade"><td>Ba:a</td><td>Bb:a</td><td>Bc:a</td></tr>
<tr class="gerade"><td>Ba:b</td><td>Bb:b</td><td>Bc:b</td></tr>
<tr class="ungerade"><td>Ba:c</td><td>Bb:c</td><td>Bc:c</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML nachsehen. Möglichkeiten vom HTML-Befehl tr lesen Sie in der HTML Referenz unter <tr>.