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

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 teal

Zebra-Effekt mit HTML-Befehl tr

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit unterschiedlichen Hintergrundfarben Farbe silver und Farbe teal.

<style type="text/css"><!--
  tr.yang { 
    background-color: silver;
  }
  tr.ying { 
    background-color:teal;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr class="yang"><td>UA~A</td><td>UB~A</td><td>UC~A</td></tr>
<tr class="ying"><td>UA~B</td><td>UB~B</td><td>UC~B</td></tr>
<tr class="yang"><td>UA~C</td><td>UB~C</td><td>UC~C</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML nachlesen. Einzelheiten des hier genutzten HTML-Tag tr erfahren Sie in der HTML Referenz unter <tr>.

Text- und Unterstreichungsfarben bei Tag h5

Eine Überschrift der 5. Stufe wird mit HTML-Tag <h5> erzeugt. Diese können Sie hervorheben und farblich gestalten.

Wir ändern Hher die Textfarbe von <h5> auf Farbe teal. Die Schriftart ändern wir auf arial und verkleinern die Schriftgröße auf 86%. Wir unterstreichen den Inhalt von <h5> mit Hilfe eines gefurchten Rahmens mit 4 Punkte Dicke in Farbe silver. Das geht mit HTML kaum. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  h5 { 
    border-bottom: 4pt groove silver; 
    font-size: 86%; 
    font-family: arial; 
    color: teal;
  }
//-->
</style>

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

Weiteres zu h5 können Sie in Grundlegende Gestaltungselemente in HTML finden. Beschreibung des HTML-Befehl <h5>.