Ressourcen: 137 HTML Farbnamen - Kombination von Farbe oldlace und Farbwert #000080

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 oldlace und Farbwert #000080

Zebra-Effekt von Tag tr

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <tr> mit den Hintergrundfarben Farbe oldlace und Farbwert #000080.

<style type="text/css"><!--
  tr.gerade { 
    background-color:oldlace;
  }
  tr.ungerade { 
    background-color: #000080;
  }
//-->
</style>

Diese werden abwechselnd verwendet.

<table>
<tr class="gerade"><td>P1:1</td><td>P2:1</td><td>P3:1</td></tr>
<tr class="ungerade"><td>P1:2</td><td>P2:2</td><td>P3:2</td></tr>
<tr class="gerade"><td>P1:3</td><td>P2:3</td><td>P3:3</td></tr>
</table>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Mehr zum hier genutzten Tag <tr>.

Hintergrund/Text-Kombination bei HTML-Befehl h6

Eine Überschrift der 6. Stufe setzt man mit HTML-Tag <h6>. Diese kann hervorgehoben und farblich gestaltet werden.

Hier ändern wir die Textfarbe von <h6> auf Farbwert #000080 und die Hintergrundfarbe von <h6> auf Farbe oldlace. Die Schriftart setzen wir auf sans-serif und als Schriftgröße wählen wir 14pt.

<style type="text/css"><!--
  h6 { 
    font-size:14pt; 
    font-family:sans-serif; 
    color:#000080; 
    background-color:oldlace;
  }
//-->
</style>

Mehr zu h6 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Der hier genutzte HTML-Befehl h6 ist in der HTML Referenz bei <h6> genau beschrieben.