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 #f0e68c | ||||||
Detail | : | Hintergrundfarbwert #f0e68c | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbwert | : | #f0e68c | #f0e68c | #f0e68c | #f0e68c | #f0e68c |
Farbe | : | khaki | #f2e99c | #f2e99c | #cdc578 | #cdc578 |
HTML | : | #f0e68c | #f4edac | #f4edac | #aba464 | #aba464 |
CSS | : | #f0e68c | #f6f0bd | #f6f0bd | #898350 | #898350 |
CSS (Wert) | : | #f0e68c | #f8f4cd | #f8f4cd | #66623c | #66623c |
CSS (kürzest) | : | #f0e68c | #faf7de | #faf7de | #444128 | #444128 |
CSS (RGB) | : | rgb(240,230,140) | #fcfbee | #fcfbee | #222014 | #222014 |
CSS (%RGB) | : | rgb(94%,90%,54%) | #ffffff | #ffffff | #000000 | #000000 |
In diesem Beispiel umranden wir <frame> mit einem 1 Pixel dicken, gepunkteten Rahmen in Farbwert #f0e68c. In HTML ist das nicht möglich. Daher formatieren wir mit CSS.
<style type="text/css"><!-- frame { border:1px dotted #f0e68c; } //--> </style>
Der Befehl frame ist in der HTML Referenz unter <frame> ausführlich zusammengestellt.
Eine Überschrift der 1. Stufe erzeugen Sie mit Befehl <h1>. Diese kann hervorgehoben und farblich gestaltet werden.
Beispielsweise unterstreichen wir <h1> mit Hilfe eines einfallenden Rahmens mit 5 Pixel Dicke in Farbwert #f0e68c. Dies ist mit HTML so kaum möglich. Wir verwenden daher CSS.
<style type="text/css"><!-- h1 { border-bottom-style: inset; border-bottom-color: #f0e68c; border-bottom-width: 5px; } //--> </style>
Die Idee ist, unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sehen Sie das bei Verweisen. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Das ist jedoch keine "normale" Unterstreichung, der Text ist gar nicht unterstrichen. Sie wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.
Weiteres zu h1 finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum HTML-Tag h1 ist in der HTML Referenz bei <h1> genau gezeigt.