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 #32cd32 | ||||||
Detail | : | Hintergrundfarbwert #32cd32 | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbwert | : | #32cd32 | #32cd32 | #32cd32 | #32cd32 | #32cd32 |
Farbe | : | limegreen | #4fd44f | #4fd44f | #2aaf2a | #2aaf2a |
HTML | : | #32cd32 | #6cdb6c | #6cdb6c | #239223 | #239223 |
CSS | : | #32cd32 | #89e289 | #89e289 | #1c751c | #1c751c |
CSS (Wert) | : | #32cd32 | #a7e9a7 | #a7e9a7 | #155715 | #155715 |
CSS (kürzest) | : | #32cd32 | #c4f0c4 | #c4f0c4 | #0e3a0e | #0e3a0e |
CSS (RGB) | : | rgb(50,205,50) | #e1f7e1 | #e1f7e1 | #071d07 | #071d07 |
CSS (%RGB) | : | rgb(19%,80%,19%) | #ffffff | #ffffff | #000000 | #000000 |
Mit Tag <a> erzeugen Sie einen Link. Diesen können Sie farblich gestalten.
Hier unterstreichen wir <a> mit einem doppelten Rahmen mit 5 Pixel Dicke in Farbwert #32cd32. Dies geht mit HTML nicht. Deshalb formatieren wir mit CSS.
<style type="text/css"><!-- a { border-bottom-color: #32cd32; border-bottom-width: 5px; border-bottom-style: double; } //--> </style>
Die Idee ist dabei, unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Manchmal sieht man das bei Verweisen. Der Text ist in einer Farbe. Die Unterstreichung in einer anderen. Dies ist jedoch keine wirkliche Unterstreichung, der Text selbst hat keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.
Weiteres zum Thema finden Sie in Verweise und Protokolle in HTML. Die Beschreibung vom Tag a lesen Sie in der HTML Referenz unter <a>.
In diesem Beispiel umranden wir <img> mit einem 4 Pixel dicken, herausstehenden Rahmen in Farbwert #32cd32. In HTML geht das nicht. Daher nutzen wir CSS.
<style type="text/css"><!-- img { border:4px outset #32cd32; } //--> </style>
Mehr zu img finden Sie in Grafik in HTML. Einzelheiten vom hier gezeigten Tag img sind in der HTML Referenz bei <img> zusammengestellt.