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 #fff8dc | ||||||
Detail | : | Hintergrundfarbwert #fff8dc | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbwert | : | #fff8dc | #fff8dc | #fff8dc | #fff8dc | #fff8dc |
Farbe | : | cornsilk | #fff9e1 | #fff9e1 | #dad4bc | #dad4bc |
HTML | : | #fff8dc | #fffae6 | #fffae6 | #b6b19d | #b6b19d |
CSS | : | #fff8dc | #fffbeb | #fffbeb | #918d7d | #918d7d |
CSS (Wert) | : | #fff8dc | #fffcf0 | #fffcf0 | #6d6a5e | #6d6a5e |
CSS (kürzest) | : | #fff8dc | #fffdf5 | #fffdf5 | #48463e | #48463e |
CSS (RGB) | : | rgb(255,248,220) | #fffefa | #fffefa | #24231f | #24231f |
CSS (%RGB) | : | rgb(100%,97%,86%) | #ffffff | #ffffff | #000000 | #000000 |
Ein Link wird mit HTML-Befehl <a> gesetzt. Er kann farblich gestaltet werden.
In diesem Beispiel unterstreichen wir <a> mit Hilfe eines gepunkteten Rahmens mit 2 Pixel Dicke in Farbwert #fff8dc. In HTML ist dies nicht möglich. Wir verwenden deshalb CSS.
<style type="text/css"><!-- a { border-bottom:2px dotted #fff8dc; } //--> </style>
Die Idee ist dabei, unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Manchmal sieht man diesen Effekt bei Hyperlinks. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Das ist jedoch keine "wirkliche" Unterstreichung, der Text ist gar nicht unterstrichen. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.
Weiteres zum Thema können Sie in Verweise und Protokolle in HTML finden. Der hier gezeigte Tag a ist in der HTML Referenz unter <a> ausführlich zusammengestellt.
In diesem Beispiel umranden wir <center> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbwert #fff8dc. Das ist mit HTML nicht möglich. Wir verwenden daher CSS.
<style type="text/css"><!-- center { border-style:outset; border-width:5px; border-color:#fff8dc; } //--> </style>
Mehr zu center können Sie in Grundlegende Gestaltungselemente in HTML lesen. Weiteres zum Befehl <center>.