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 Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.
Hintergrundfarbe lightgreen | ||||||
Detail | : | Hintergrundfarbe lightgreen | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | lightgreen | #90ee90 | #90ee90 | #90ee90 | #90ee90 |
Farbwert | : | #90ee90 | #9ff09f | #9ff09f | #7bcc7b | #7bcc7b |
HTML | : | lightgreen | #aff2af | #aff2af | #66aa66 | #66aa66 |
CSS | : | lightgreen | #bff5bf | #bff5bf | #528852 | #528852 |
CSS (Wert) | : | #90ee90 | #cff7cf | #cff7cf | #3d663d | #3d663d |
CSS (kürzest) | : | #90ee90 | #dffadf | #dffadf | #294429 | #294429 |
CSS (RGB) | : | rgb(144,238,144) | #effcef | #effcef | #142214 | #142214 |
CSS (%RGB) | : | rgb(56%,93%,56%) | #ffffff | #ffffff | #000000 | #000000 |
Ein Kontainer wird mit HTML-Tag <div> erzeugt. Er kann farblich gestaltet und hervorgehoben werden.
In diesem Beispiel umranden wir <div> mit einem 2 Pixel dicken, doppelten Rahmen in Farbe lightgreen. Dies ist in HTML so kaum möglich. Wir nutzen deshalb CSS.
<style type="text/css"><!-- div { border-width: 2px; border-style: double; border-color: lightgreen; } //--> </style>
Weiteres zum Tag div finden Sie in der HTML Referenz unter <div>.
Einen Hyperlink erzeugt man mit HTML-Tag <a>. Dieser kann farblich gestaltet werden.
In diesem Beispiel ändern wir die Textfarbe von <a> auf Farbe lightgreen. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf courier new:
<a style="font-family:courier new; color:lightgreen;"> Dieser Text ist in Farbe lightgreen </a>
Weiteres zu a erfahren Sie in Verweise und Protokolle in HTML. Zur Beschreibung des hier gezeigten Tag <a>.