Ressourcen: 137 HTML Farbnamen - Kombination von Farbe white und Farbwert #ff69b4

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 white und Farbwert #ff69b4

Zebra-Effekt mit Tag td

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <td> mit unterschiedlichen Hintergrundfarben Farbe white und Farbwert #ff69b4.

<style type="text/css"><!--
  td.gerade { 
    background-color: white;
  }
  td.ungerade { 
    background-color: #ff69b4;
  }
//-->
</style>

Diese werden abwechselnd genutzt.

<table>
<tr><td class="gerade">GA:A</td><td class="ungerade">GB:A</td><td class="gerade">GC:A</td></tr>
<tr><td class="gerade">GA:B</td><td class="ungerade">GB:B</td><td class="gerade">GC:B</td></tr>
<tr><td class="gerade">GA:C</td><td class="ungerade">GB:C</td><td class="gerade">GC:C</td></tr>
</table>

Weiteres zum Thema lesen Sie in Tabellen in HTML. Möglichkeiten vom Befehl td sind in der HTML Referenz bei <td> ausführlich zusammengestellt.

Hintergrund/Text-Kombination mit Tag dfn

Wir ändern für dieses Beispiel die Textfarbe von <dfn> auf Farbwert #ff69b4 und die Hintergrundfarbe von <dfn> auf Farbe white. Die Schriftart setzen wir auf monospace und als Schriftgröße wählen wir 89%.

<style type="text/css"><!--
  dfn { 
    background-color:white; 
    font-family:monospace; 
    color:#ff69b4; 
    font-size:89%;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML nachlesen. Weiteres zum Befehl dfn lesen Sie in der HTML Referenz unter <dfn>.