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.
Hintergrundfarbwert #ff4500 | ||||||
Detail | : | Hintergrundfarbwert #ff4500 | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbwert | : | #ff4500 | #ff4500 | #ff4500 | #ff4500 | #ff4500 |
Farbe | : | orangered | #ff5f24 | #ff5f24 | #da3b00 | #da3b00 |
HTML | : | #ff4500 | #ff7a48 | #ff7a48 | #b63100 | #b63100 |
CSS | : | #ff4500 | #ff946d | #ff946d | #912700 | #912700 |
CSS (Wert) | : | #ff4500 | #ffaf91 | #ffaf91 | #6d1d00 | #6d1d00 |
CSS (kürzest) | : | #ff4500 | #ffc9b6 | #ffc9b6 | #481300 | #481300 |
CSS (RGB) | : | rgb(255,69,0) | #ffe4da | #ffe4da | #240900 | #240900 |
CSS (%RGB) | : | rgb(100%,27%,0%) | #ffffff | #ffffff | #000000 | #000000 |
Hier unterstreichen wir <address> mit Hilfe eines doppelten Rahmens mit 3 Pixel Dicke in Farbwert #ff4500. Das geht mit HTML kaum. Deshalb formatieren wir mit CSS.
<style type="text/css"><!-- address { border-bottom:3px double #ff4500; } //--> </style>
Die Idee ist dabei, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sehen Sie das bei Links. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Das ist jedoch keine wirkliche Unterstreichung, der Text ist gar nicht unterstrichen. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.
Weiteres zum Thema address finden Sie in Blockorientierte Elemente in HTML. Die Beschreibung vom HTML-Tag address erfahren Sie in der HTML Referenz unter <address>.
Eine Überschrift der 2. Stufe erzeugen Sie mit HTML-Befehl <h2>. Diese kann farblich gestaltet werden.
Wir legen als Beispiel bei <h2> die Textfarbe auf Farbwert #ff4500 fest. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf sans-serif. Die Schriftgröße verringern wir auf 83%:
<h2 style="color:#ff4500; font-family:sans-serif; font-size:83%;"> Text ist in Farbwert #ff4500 </h2>
Mehr zum Thema h2 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom Befehl h2 sind in der HTML Referenz bei <h2> genau zusammengestellt.