| 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 mediumblue | ||||||
| Detail | : | Hintergrundfarbe mediumblue | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | mediumblue | #0000cd | #0000cd | #0000cd | #0000cd |
| Farbwert | : | #0000cd | #2424d4 | #2424d4 | #0000af | #0000af |
| HTML | : | mediumblue | #4848db | #4848db | #000092 | #000092 |
| CSS | : | mediumblue | #6d6de2 | #6d6de2 | #000075 | #000075 |
| CSS (Wert) | : | #0000cd | #9191e9 | #9191e9 | #000057 | #000057 |
| CSS (kürzest) | : | #0000cd | #b6b6f0 | #b6b6f0 | #00003a | #00003a |
| CSS (RGB) | : | rgb(0,0,205) | #dadaf7 | #dadaf7 | #00001d | #00001d |
| CSS (%RGB) | : | rgb(0%,0%,80%) | #ffffff | #ffffff | #000000 | #000000 |
Mit Befehl <a> wird ein Hyperlink erzeugt und kann hervorgehoben und farblich gestaltet werden.
Wir legen hier Farbe mediumblue als Textfarbe von <a> fest. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf courier new. Die Schriftgröße setzen wir auf 13px:
<a style="color:mediumblue; font-size:13px; font-family:courier new;"> Dieser Text ist in Farbe mediumblue </a>
Mehr zu a können Sie in Verweise und Protokolle in HTML nachlesen. Mehr zum HTML-Befehl a ist in der HTML Referenz bei <a> gezeigt.
Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <center> so ein, dass bei Hover die Textfarbe auf Farbe mediumblue gesetzt wird.<style type="text/css"><!-- center:hover { color:mediumblue; } //--> </style>
Mehr zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des HTML-Tag <center>.
