Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #00ff00 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 Farbwert #00ff00 und Farbe teal

Zebra-Effekt bei HTML-Befehl th

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <th> mit den Hintergrundfarben Farbwert #00ff00 und Farbe teal.

<style type="text/css"><!--
  th.yang { 
    background-color: #00ff00;
  }
  th.ying { 
    background-color: teal;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="yang">Wa,a</td><td class="ying">Wb,a</td><td class="yang">Wc,a</td></tr>
<tr><td class="yang">Wa,b</td><td class="ying">Wb,b</td><td class="yang">Wc,b</td></tr>
<tr><td class="yang">Wa,c</td><td class="ying">Wb,c</td><td class="yang">Wc,c</td></tr>
</table>

Weiteres zum Thema th können Sie in Tabellen in HTML lesen. Einzelheiten des Tag th sind in der HTML Referenz bei <th> ausführlich gezeigt.

Text- und Unterstreichungsfarben von HTML-Befehl ins

Wir ändern für dieses Beispiel die Textfarbe von <ins> auf Farbe teal. Die Schriftart setzen wir auf sans-serif und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <ins> mit Hilfe eines gezahnten Rahmens mit 1 Pixel Dicke in Farbwert #00ff00. Das ist in HTML so kaum möglich. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  ins { 
    border-bottom-style: ridge; 
    font-size: 13px; 
    font-family: sans-serif; 
    border-bottom-width: 1px; 
    border-bottom-color: #0f0; 
    color: teal;
  }
//-->
</style>

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

Die Beschreibung des Befehl ins lesen Sie in der HTML Referenz unter <ins>.