Ressourcen: 137 HTML Farbnamen - Kombination von Farbe cadetblue und Farbwert #dc143c

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. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Beispiele zur Kombination von Farbe cadetblue und Farbwert #dc143c

Text- und Unterstreichungsfarben mit Tag h3

Eine Überschrift setzen Sie mit Tag <h3>. Diese können Sie hervorheben und farblich gestalten.

Für dieses Beispiel ändern wir die Textfarbe von <h3> auf Farbwert #dc143c und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf monospace und erhöhen die Schriftgröße auf 122%. Wir unterstreichen den Inhalt von <h3> mit Hilfe eines gepunkteten Rahmens mit 4 Punkte Dicke in Farbe cadetblue. In HTML geht dies kaum. Daher nutzen wir hierfür CSS.

<style type="text/css"><!--
  h3 { 
    border-bottom-color: cadetblue; 
    color: #dc143c; 
    font-family: monospace; 
    font-size: 122%; 
    border-bottom-width: 4pt; 
    border-bottom-style: dotted;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema h3 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier genutzten HTML-Tag h3 sind in der HTML Referenz bei <h3> zusammengestellt.

Füllen und Umranden mit Tag code

Hier umranden wir <code> mit einem gestrichelten, 3 Pixel dicken Rahmen in Farbwert #dc143c . Die Hintergrundfarbe für <code> setzen wir entsprechend auf Farbe cadetblue. Das ist mit HTML so kaum möglich. Deshalb verwenden wir hierfür CSS.

<style type="text/css"><!--
  code { border:3px dashed #dc143c; background-color:cadetblue; }
//-->
</style>

Weiteres zum Thema code können Sie in Text in HTML erfahren. Der Befehl code ist in der HTML Referenz unter <code> genau beschrieben.