Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe silver und Farbe navy

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Beispiele zur Kombination von Farbe silver und Farbe navy

Text- und Unterstreichungsfarben mit Befehl h5

Mit HTML-Befehl <h5> wird eine Überschrift der 5. Stufe gesetzt. Diese kann hervorgehoben und farblich gestaltet werden.

Wir ändern bei diesem Beispiel die Textfarbe von <h5> auf Farbe navy. Die Schriftart setzen wir auf monospace. Die Schriftgröße erhöhen wir auf 113%. Wir unterstreichen den Inhalt von <h5> mit Hilfe eines herausstehenden Rahmens mit 3 Pixel Dicke in Farbe silver. In HTML geht dies nicht. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h5 { 
    color:navy; 
    font-size:113%; 
    font-family:monospace; 
    border-bottom:3px outset silver;
  }
//-->
</style>

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

Weiteres zum Thema h5 lesen Sie in Grundlegende Gestaltungselemente in HTML. Der HTML-Tag h5 ist in der HTML Referenz bei <h5> ausführlich zusammengestellt.

Zebra-Effekt von Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom Zebra-Effekt. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit unterschiedlichen Hintergrundfarben Farbe silver und Farbe navy.

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

Diese werden abwechselnd verwendet.

<table>
<tr class="ungerade"><td>Ga-a</td><td>Gb-a</td><td>Gc-a</td></tr>
<tr class="gerade"><td>Ga-b</td><td>Gb-b</td><td>Gc-b</td></tr>
<tr class="ungerade"><td>Ga-c</td><td>Gb-c</td><td>Gc-c</td></tr>
</table>

Mehr zum Thema tr lesen Sie in Tabellen in HTML. Möglichkeiten des hier gezeigten HTML-Tag tr finden Sie in der HTML Referenz unter <tr>.