Ressourcen: 137 HTML Farbnamen - Kombination von Farbe papayawhip 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 papayawhip und Farbwert #808000

Zebra-Effekt mit Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man vom Zebra-Effekt. Dieser Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <td> mit den Hintergrundfarben Farbe papayawhip und Farbwert #808000.

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

Diese werden dann abwechselnd angewendet.

<table>
<tr><td class="even">Ua:a</td><td class="odd">Ub:a</td><td class="even">Uc:a</td></tr>
<tr><td class="even">Ua:b</td><td class="odd">Ub:b</td><td class="even">Uc:b</td></tr>
<tr><td class="even">Ua:c</td><td class="odd">Ub:c</td><td class="even">Uc:c</td></tr>
</table>

Weiteres zu td erfahren Sie in Tabellen in HTML. Der Tag td ist in der HTML Referenz unter <td> genau beschrieben.

Füllen und Umranden von HTML-Tag a

Mit Befehl <a> wird ein Hyperlink gesetzt. Er kann farblich gestaltet und hervorgehoben werden.

Hier umranden wir <a> mit einem 1 Pixel dicken, gefurchten Rahmen in Farbwert #808000 . Die Hintergrundfarbe für <a> setzen wir entsprechend auf Farbe papayawhip. Dies ist mit HTML kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-color:#808000; 
    background-color:papayawhip; 
    border-width:1px; 
    border-style:groove;
  }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML nachlesen. Die Beschreibung des Tag a lesen Sie in der HTML Referenz unter <a>.