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 Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.
Hintergrundfarbwert #ffffe0 | ||||||
Detail | : | Hintergrundfarbwert #ffffe0 | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbwert | : | #ffffe0 | #ffffe0 | #ffffe0 | #ffffe0 | #ffffe0 |
Farbe | : | lightyellow | #ffffe4 | #ffffe4 | #dadac0 | #dadac0 |
HTML | : | #ffffe0 | #ffffe8 | #ffffe8 | #b6b6a0 | #b6b6a0 |
CSS | : | #ffffe0 | #ffffed | #ffffed | #919180 | #919180 |
CSS (Wert) | : | #ffffe0 | #fffff1 | #fffff1 | #6d6d60 | #6d6d60 |
CSS (kürzest) | : | #ffffe0 | #fffff6 | #fffff6 | #484840 | #484840 |
CSS (RGB) | : | rgb(255,255,224) | #fffffa | #fffffa | #242420 | #242420 |
CSS (%RGB) | : | rgb(100%,100%,87%) | #ffffff | #ffffff | #000000 | #000000 |
Für dieses Beispiel legen wir die Hintergrundfarbe von <pre> auf Farbwert #ffffe0 fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf monospace:
<style type="text/css"><!-- pre { font-family: monospace; background-color: #ffffe0; } //--> </style>
Weiteres zum Thema pre finden Sie in Blockorientierte Elemente in HTML. Die Beschreibung des hier gezeigten HTML-Befehl pre finden Sie in der HTML Referenz unter <pre>.
Mit HTML-Befehl <a> wird ein Hyperlink gesetzt und kann hervorgehoben und farblich gestaltet werden.
In diesem Beispiel unterstreichen wir <a> mit Hilfe eines gepunkteten Rahmens mit 1 Pixel Dicke in Farbwert #ffffe0. Dies geht in HTML nicht. Deshalb nutzen wir hierfür CSS.
<style type="text/css"><!-- a { border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:#ffffe0; } //--> </style>
Die Idee ist hierbei, verschiedene Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sehen Sie das bei Links. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Das ist jedoch keine normale Unterstreichung, der Text selbst ist gar nicht unterstrichen. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.
Mehr zum Thema finden Sie in Verweise und Protokolle in HTML. Mehr zum hier gezeigten Tag a ist in der HTML Referenz bei <a> ausführlich zusammengestellt.