| 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 ghostwhite | ||||||
| Detail | : | Hintergrundfarbe ghostwhite | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | ghostwhite | #f8f8ff | #f8f8ff | #f8f8ff | #f8f8ff |
| Farbwert | : | #f8f8ff | #f9f9ff | #f9f9ff | #d4d4da | #d4d4da |
| HTML | : | ghostwhite | #fafaff | #fafaff | #b1b1b6 | #b1b1b6 |
| CSS | : | ghostwhite | #fbfbff | #fbfbff | #8d8d91 | #8d8d91 |
| CSS (Wert) | : | #f8f8ff | #fcfcff | #fcfcff | #6a6a6d | #6a6a6d |
| CSS (kürzest) | : | #f8f8ff | #fdfdff | #fdfdff | #464648 | #464648 |
| CSS (RGB) | : | rgb(248,248,255) | #fefeff | #fefeff | #232324 | #232324 |
| CSS (%RGB) | : | rgb(97%,97%,100%) | #ffffff | #ffffff | #000000 | #000000 |
Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <ins> so ein, dass bei Hover die Farbe der Unterstreichung auf Farbe ghostwhite gesetzt wird.<style type="text/css"><!-- ins:hover { border-bottom-color:ghostwhite; } //--> </style>
Die Beschreibung des Befehl ins erfahren Sie in der HTML Referenz unter <ins>.
Einen Verweis erzeugt man mit HTML-Tag <a>. Diesen kann man farblich gestalten und hervorheben.
In diesem Beispiel unterstreichen wir <a> mit Hilfe eines herausstehenden Rahmens mit 3 Pixel Dicke in Farbe ghostwhite. Mit HTML geht dies nicht. Wir nutzen daher CSS zur Formatierung.
<style type="text/css"><!-- a { border-bottom:3px outset ghostwhite; } //--> </style>
Die Idee ist, unabhängige Formatierungen für Inhalt und Unterstreichung zu nutzen. Manchmal sieht man diesen Effekt bei Verweisen. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Es ist aber keine wirkliche Unterstreichung, der Text ist überhaupt nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.
Mehr zum Thema können Sie in Verweise und Protokolle in HTML nachsehen. Der Tag a ist in der HTML Referenz bei <a> gezeigt.
