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.
Hintergrundfarbe khaki | ||||||
Detail | : | Hintergrundfarbe khaki | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | khaki | #f0e68c | #f0e68c | #f0e68c | #f0e68c |
Farbwert | : | #f0e68c | #f2e99c | #f2e99c | #cdc578 | #cdc578 |
HTML | : | khaki | #f4edac | #f4edac | #aba464 | #aba464 |
CSS | : | khaki | #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 |
Einen Hyperlink erzeugen Sie mit HTML-Befehl <a>. Diesen kann man farblich gestalten.
In diesem Beispiel umranden wir <a> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbe khaki. Mit HTML ist das kaum möglich. Wir nutzen daher CSS zur Formatierung.
<style type="text/css"><!-- a { border:1px inset khaki; } //--> </style>
Weiteres zum Thema können Sie in Verweise und Protokolle in HTML lesen. Einzelheiten vom hier gezeigten HTML-Befehl a sind in der HTML Referenz bei <a> zusammengestellt.
Eine Überschrift der 2. Stufe setzen Sie mit HTML-Tag <h2>. Sie kann hervorgehoben und farblich gestaltet werden.
Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <h2> so ein, dass bei Berührung mit der Maus die Farbe der Unterstreichung auf Farbe khaki geändert wird.<style type="text/css"><!-- h2: hover { border-bottom-color: khaki; } //--> </style>
Weiteres zu h2 lesen Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des hier gezeigten HTML-Tag h2 finden Sie in der HTML Referenz unter <h2>.