von Thomas Salvador.
Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.
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.
Hintergrundfarbe blueviolet | ||||||
Detail | : | Hintergrundfarbe blueviolet | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | blueviolet | #8a2be2 | #8a2be2 | #8a2be2 | #8a2be2 |
Farbwert | : | #8a2be2 | #9a49e6 | #9a49e6 | #7624c1 | #7624c1 |
HTML | : | blueviolet | #ab67ea | #ab67ea | #621ea1 | #621ea1 |
CSS | : | blueviolet | #bc85ee | #bc85ee | #4e1881 | #4e1881 |
CSS (Wert) | : | #8a2be2 | #cca4f2 | #cca4f2 | #3b1260 | #3b1260 |
CSS (kürzest) | : | #8a2be2 | #ddc2f6 | #ddc2f6 | #270c40 | #270c40 |
CSS (RGB) | : | rgb(138,43,226) | #eee0fa | #eee0fa | #130620 | #130620 |
CSS (%RGB) | : | rgb(54%,16%,88%) | #ffffff | #ffffff | #000000 | #000000 |
Beispielsweise unterstreichen wir <fieldset> mit Hilfe eines gestrichelten Rahmens mit 4 Pixel Dicke in Farbe blueviolet. In HTML geht dies kaum. Wir nutzen deshalb CSS.
<style type="text/css"><!-- fieldset { border-bottom-style: dashed; border-bottom-color: blueviolet; border-bottom-width: 4px; } //--> </style>
Die Idee ist hierbei, unabhängige Formatierungen für Inhalt und Unterstreichung zu nutzen. Öfter sieht man diesen Effekt bei Hyperlinks. Der Text ist in einer Farbe. Die Unterstreichung in einer anderen. Dies ist jedoch keine "wirkliche" Unterstreichung, der Text ist nicht unterstrichen. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.
Weiteres zu fieldset können Sie in Formulare in HTML nachlesen. Möglichkeiten des Tag fieldset sind in der HTML Referenz bei <fieldset> zusammengestellt.
Wir setzen als Beispiel die Hintergrundfarbe von <address> auf Farbe blueviolet. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf monospace:
<address style="background-color:blueviolet; font-family:monospace;"> Dieser address-Hintergrund nutzt Farbe blueviolet </address>
Weiteres zum Thema address lesen Sie in Blockorientierte Elemente in HTML. Die Beschreibung vom hier gezeigten HTML-Tag address erfahren Sie in der HTML Referenz unter <address>.