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 cornsilk | ||||||
Detail | : | Hintergrundfarbe cornsilk | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | cornsilk | #fff8dc | #fff8dc | #fff8dc | #fff8dc |
Farbwert | : | #fff8dc | #fff9e1 | #fff9e1 | #dad4bc | #dad4bc |
HTML | : | cornsilk | #fffae6 | #fffae6 | #b6b19d | #b6b19d |
CSS | : | cornsilk | #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 |
Einen Link erzeugen Sie mit HTML-Tag <a>. Diesen können Sie hervorheben und farblich gestalten.
In diesem Beispiel umranden wir <a> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbe cornsilk. In HTML geht das kaum. Wir verwenden daher CSS zur Formatierung.
<style type="text/css"><!-- a { border-width: 5px; border-style: dashed; border-color: cornsilk; } //--> </style>
Weiteres zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Mehr zum Befehl a ist in der HTML Referenz bei <a> ausführlich zusammengestellt.
Hier unterstreichen wir <caption> mit einem herausstehenden Rahmen mit 4 Pixel Dicke in Farbe cornsilk. Mit HTML geht dies kaum. Daher verwenden wir hier CSS.
<style type="text/css"><!-- caption { border-bottom:4px outset cornsilk; } //--> </style>
Die Idee ist, verschiedene Formatierungen für Inhalt und Unterstreichung zu nutzen. Manchmal sehen Sie dies bei Hyperlinks. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine "wirkliche" Unterstreichung, der Text selbst hat überhaupt keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.
Weiteres zum Thema caption können Sie in Tabellen in HTML nachlesen. Die Beschreibung des hier gezeigten Befehl caption erfahren Sie in der HTML Referenz unter <caption>.