| weiter zu > Ressourcen: Farben > HTML für Einsteiger: Farben |
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.
Hintergrundfarbe olivedrab | ||||||
| Detail | : | Hintergrundfarbe olivedrab | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | olivedrab | #6b8e23 | #6b8e23 | #6b8e23 | #6b8e23 |
| Farbwert | : | #6b8e23 | #809e42 | #809e42 | #5b791e | #5b791e |
| HTML | : | olivedrab | #95ae61 | #95ae61 | #4c6519 | #4c6519 |
| CSS | : | olivedrab | #aabe81 | #aabe81 | #3d5114 | #3d5114 |
| CSS (Wert) | : | #6b8e23 | #bfcea0 | #bfcea0 | #2d3c0f | #2d3c0f |
| CSS (kürzest) | : | #6b8e23 | #d4dec0 | #d4dec0 | #1e280a | #1e280a |
| CSS (RGB) | : | rgb(107,142,35) | #e9eedf | #e9eedf | #0f1405 | #0f1405 |
| CSS (%RGB) | : | rgb(41%,55%,13%) | #ffffff | #ffffff | #000000 | #000000 |
Einen Verweis erzeugen Sie mit HTML-Befehl <a> und kann farblich gestaltet und hervorgehoben werden.
In diesem Beispiel umranden wir <a> mit einem 1 Pixel dicken, gepunkteten Rahmen in Farbe olivedrab. Mit HTML ist dies nicht machbar. Deshalb formatieren wir mit CSS.
<style type="text/css"><!-- a { border-color:olivedrab; border-width:1px; border-style:dotted; } //--> </style>
Mehr zum Thema a können Sie in Verweise und Protokolle in HTML nachsehen. Weiteres zum hier genutzten Tag a lesen Sie in der HTML Referenz unter <a>.
