Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffa07a und Farbwert #4682b4

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 Farbwert #ffa07a und Farbwert #4682b4

Füllen und Umranden von HTML-Tag h1

Eine Überschrift setzen Sie mit HTML-Tag <h1> und kann farblich gestaltet und hervorgehoben werden.

Hier umranden wir <h1> mit einem 4 Punkte dicken, gezahnten Rahmen in Farbwert #4682b4 . Die Hintergrundfarbe für <h1> färben wir entsprechend mit Farbwert #ffa07a. Das geht in HTML nicht. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  h1 { 
    border-style:ridge; 
    border-width:4pt; 
    background-color:#ffa07a; 
    border-color:#4682b4;
  }
//-->
</style>

Weiteres zum Thema h1 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Die Beschreibung vom hier verwendeten Befehl h1 erfahren Sie in der HTML Referenz unter <h1>.

Text- und Unterstreichungsfarben bei Tag a

Mit Tag <a> wird ein Verweis erzeugt. Diesen können Sie farblich gestalten und hervorheben.

Hier ändern wir die Textfarbe von <a> auf Farbwert #4682b4 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf arial und setzen die Schriftgröße auf 98%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gezahnten Rahmens mit 4 Pixel Dicke in Farbwert #ffa07a. Mit HTML ist das kaum machbar. Daher verwenden wir hier CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-bottom-color: #ffa07a; 
    font-size: 98%; 
    border-bottom-width: 4px; 
    border-bottom-style: ridge; 
    color: #4682b4; 
    font-family: arial;
  }
//-->
</style>

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

Weiteres zum Thema finden Sie in Verweise und Protokolle in HTML. Möglichkeiten vom HTML-Tag a lesen Sie in der HTML Referenz unter <a>.