| 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 lavender | ||||||
| Detail | : | Hintergrundfarbe lavender | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | lavender | #e6e6fa | #e6e6fa | #e6e6fa | #e6e6fa |
| Farbwert | : | #e6e6fa | #e9e9fa | #e9e9fa | #c5c5d6 | #c5c5d6 |
| HTML | : | lavender | #ededfb | #ededfb | #a4a4b2 | #a4a4b2 |
| CSS | : | lavender | #f0f0fc | #f0f0fc | #83838e | #83838e |
| CSS (Wert) | : | #e6e6fa | #f4f4fc | #f4f4fc | #62626b | #62626b |
| CSS (kürzest) | : | #e6e6fa | #f7f7fd | #f7f7fd | #414147 | #414147 |
| CSS (RGB) | : | rgb(230,230,250) | #fbfbfe | #fbfbfe | #202023 | #202023 |
| CSS (%RGB) | : | rgb(90%,90%,98%) | #ffffff | #ffffff | #000000 | #000000 |
In diesem Beispiel legen wir Farbe lavender als Hintergrundfarbe von <samp> fest. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf arial. Die Größe der Schrift ändern wir auf 13px:
<samp style="font-size:13px; font-family:arial; background-color:lavender;"> Hintergrund nutzt Farbe lavender </samp>
Weiteres zu samp finden Sie in Text in HTML. Der hier verwendete HTML-Befehl samp ist in der HTML Referenz bei <samp> genau beschrieben.
Beispielsweise unterstreichen wir <caption> mit Hilfe eines gezahnten Rahmens mit 3 Pixel Dicke in Farbe lavender. In HTML geht dies nicht. Wir nutzen daher CSS zur Formatierung.
<style type="text/css"><!-- caption { border-bottom-style:ridge; border-bottom-width:3px; border-bottom-color:lavender; } //--> </style>
Die Idee ist dabei, unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sieht man diesen Effekt bei Hyperlinks. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Dies ist jedoch keine wirkliche Unterstreichung, der Text selbst hat überhaupt keine Unterstreichung. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.
Mehr zu caption lesen Sie in Tabellen in HTML. Einzelheiten des Befehl <caption>.
