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 #9370db | ||||||
Detail | : | Hintergrundfarbwert #9370db | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbwert | : | #9370db | #9370db | #9370db | #9370db | #9370db |
Farbe | : | mediumpurple | #a284e0 | #a284e0 | #7e60bb | #7e60bb |
HTML | : | #9370db | #b198e5 | #b198e5 | #69509c | #69509c |
CSS | : | #9370db | #c1adea | #c1adea | #54407d | #54407d |
CSS (Wert) | : | #9370db | #d0c1ef | #d0c1ef | #3f305d | #3f305d |
CSS (kürzest) | : | #9370db | #e0d6f4 | #e0d6f4 | #2a203e | #2a203e |
CSS (RGB) | : | rgb(147,112,219) | #efeaf9 | #efeaf9 | #15101f | #15101f |
CSS (%RGB) | : | rgb(57%,43%,85%) | #ffffff | #ffffff | #000000 | #000000 |
Eine Überschrift der 6. Stufe erzeugen Sie mit HTML-Befehl <h6>. Diese kann man hervorheben und farblich gestalten.
Wir legen zum Beispiel Farbwert #9370db als Textfarbe von <h6> fest. Die Schriftgröße verringern wir auf 92%:
<h6 style="color:#9370db; font-size:92%;"> Text ist in Farbwert #9370db </h6>
Weiteres zu h6 können Sie in Grundlegende Gestaltungselemente in HTML finden. Möglichkeiten vom hier verwendeten HTML-Tag <h6>.
Hier unterstreichen wir <samp> mit Hilfe eines herausstehenden Rahmens mit 2 Pixel Dicke in Farbwert #9370db. Das geht mit HTML nicht. Wir verwenden deshalb CSS.
<style type="text/css"><!-- samp { border-bottom-color: #9370db; border-bottom-width: 2px; border-bottom-style: outset; } //--> </style>
Die Idee ist dabei, unabhängige Formatierungen für Inhalt und Unterstreichung zu haben. Öfter sehen Sie dies bei Verweisen. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine "normale" Unterstreichung, der Text selbst hat keine Unterstreichung. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.
Weiteres zu samp lesen Sie in Text in HTML. Mehr zum hier genutzten HTML-Befehl samp ist in der HTML Referenz bei <samp> beschrieben.