| 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 lightsteelblue | ||||||
| Detail | : | Hintergrundfarbe lightsteelblue | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | lightsteelblue | #b0c4de | #b0c4de | #b0c4de | #b0c4de |
| Farbwert | : | #b0c4de | #bbcce2 | #bbcce2 | #96a8be | #96a8be |
| HTML | : | lightsteelblue | #c6d4e7 | #c6d4e7 | #7d8c9e | #7d8c9e |
| CSS | : | lightsteelblue | #d1ddec | #d1ddec | #64707e | #64707e |
| CSS (Wert) | : | #b0c4de | #dde5f0 | #dde5f0 | #4b545f | #4b545f |
| CSS (kürzest) | : | #b0c4de | #e8eef5 | #e8eef5 | #32383f | #32383f |
| CSS (RGB) | : | rgb(176,196,222) | #f3f6fa | #f3f6fa | #191c1f | #191c1f |
| CSS (%RGB) | : | rgb(69%,76%,87%) | #ffffff | #ffffff | #000000 | #000000 |
Mit Befehl <h5> erzeugen Sie eine Überschrift. Diese kann farblich gestaltet werden.
Als Beispiel legen wir bei <h5> die Hintergrundfarbe auf Farbe lightsteelblue fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf arial.
<style type="text/css"><!-- h5 { font-family:arial; background-color:lightsteelblue; } //--> </style>
Weiteres zu h5 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Möglichkeiten vom hier genutzten Tag h5 sind in der HTML Referenz bei <h5> zusammengestellt.
Hier unterstreichen wir <blockquote> mit einem gepunkteten Rahmen mit 4 Pixel Dicke in Farbe lightsteelblue. Das ist mit HTML so kaum möglich. Wir verwenden deshalb CSS zur Formatierung.
<style type="text/css"><!-- blockquote { border-bottom-color:lightsteelblue; border-bottom-width:4px; border-bottom-style:dotted; } //--> </style>
Die Idee ist dabei, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sehen Sie das bei Verweisen. Der Text ist in einer Farbe. Die Unterstreichung in einer anderen. Dies ist jedoch keine "normale" Unterstreichung, der Text ist überhaupt nicht unterstrichen. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.
Weiteres zum Thema blockquote finden Sie in Blockorientierte Elemente in HTML. Die Beschreibung des hier genutzten HTML-Befehl blockquote lesen Sie in der HTML Referenz unter <blockquote>.
