| 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 antiquewhite | ||||||
| Detail | : | Hintergrundfarbe antiquewhite | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | antiquewhite | #faebd7 | #faebd7 | #faebd7 | #faebd7 |
| Farbwert | : | #faebd7 | #faeddc | #faeddc | #d6c9b8 | #d6c9b8 |
| HTML | : | antiquewhite | #fbf0e2 | #fbf0e2 | #b2a799 | #b2a799 |
| CSS | : | antiquewhite | #fcf3e8 | #fcf3e8 | #8e867a | #8e867a |
| CSS (Wert) | : | #faebd7 | #fcf6ed | #fcf6ed | #6b645c | #6b645c |
| CSS (kürzest) | : | #faebd7 | #fdf9f3 | #fdf9f3 | #47433d | #47433d |
| CSS (RGB) | : | rgb(250,235,215) | #fefcf9 | #fefcf9 | #23211e | #23211e |
| CSS (%RGB) | : | rgb(98%,92%,84%) | #ffffff | #ffffff | #000000 | #000000 |
In diesem Beispiel umranden wir <q> mit einem 5 Pixel dicken, gepunkteten Rahmen in Farbe antiquewhite. Mit HTML geht das kaum. Daher nutzen wir CSS.
<style type="text/css"><!-- q { border:5px dotted antiquewhite; } //--> </style>
Möglichkeiten vom hier gezeigten HTML-Befehl q erfahren Sie in der HTML Referenz unter <q>.
Eine Überschrift erzeugt man mit HTML-Befehl <h3>. Diese können Sie hervorheben und farblich gestalten.
Als Beispiel legen wir Farbe antiquewhite als Textfarbe von <h3> fest. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart ändern wir auf monospace. Die Schriftgröße setzen wir auf 13px.
<h3 style="font-family:monospace; font-size:13px; color:antiquewhite;"> h3-Text hat Farbe antiquewhite </h3>
Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Der HTML-Tag h3 ist in der HTML Referenz unter <h3> genau beschrieben.
