| 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 honeydew | ||||||
| Detail | : | Hintergrundfarbe honeydew | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | honeydew | #f0fff0 | #f0fff0 | #f0fff0 | #f0fff0 |
| Farbwert | : | #f0fff0 | #f2fff2 | #f2fff2 | #cddacd | #cddacd |
| HTML | : | honeydew | #f4fff4 | #f4fff4 | #abb6ab | #abb6ab |
| CSS | : | honeydew | #f6fff6 | #f6fff6 | #899189 | #899189 |
| CSS (Wert) | : | #f0fff0 | #f8fff8 | #f8fff8 | #666d66 | #666d66 |
| CSS (kürzest) | : | #f0fff0 | #fafffa | #fafffa | #444844 | #444844 |
| CSS (RGB) | : | rgb(240,255,240) | #fcfffc | #fcfffc | #222422 | #222422 |
| CSS (%RGB) | : | rgb(94%,100%,94%) | #ffffff | #ffffff | #000000 | #000000 |
Mit HTML-Tag <a> erzeugen Sie einen Link. Diesen können Sie hervorheben und farblich gestalten.
Wir setzen zum Beispiel die Textfarbe von <a> auf Farbe honeydew. Die Größe der Schrift verkleinern wir auf 81%.
<style type="text/css"><!-- a { color:honeydew; font-size:81%; } //--> </style>
Weiteres zum Thema finden Sie in Verweise und Protokolle in HTML. Der hier gezeigte HTML-Tag a ist in der HTML Referenz bei <a> genau zusammengestellt.
Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <caption> so ein, dass bei Hover die Unterstreichungsfarbe auf Farbe honeydew geändert wird.<style type="text/css"><!-- caption:hover { border-bottom-color:honeydew; } //--> </style>
Weiteres zu caption lesen Sie in Tabellen in HTML. Möglichkeiten vom Tag caption sind in der HTML Referenz unter <caption> ausführlich zusammengestellt.
