Ressourcen: 137 HTML Farbnamen - Kombination von Farbe coral und Farbwert #8b4513

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 coral und Farbwert #8b4513

Text- und Unterstreichungsfarben mit Tag acronym

Wir ändern Hher die Textfarbe von <acronym> auf Farbwert #8b4513. Die Schriftart ändern wir auf monospace und vergrößern die Schriftgröße auf 123%. Wir unterstreichen den Inhalt von <acronym> mit Hilfe eines gepunkteten Rahmens mit 4 Punkte Dicke in Farbe coral. Dies geht in HTML kaum. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  acronym { 
    color:#8b4513; 
    border-bottom:4pt dotted coral; 
    font-size:123%; 
    font-family:monospace;
  }
//-->
</style>

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

Einzelheiten vom HTML-Befehl <acronym>.

Zebra-Effekt von HTML-Befehl th

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <th> mit den Hintergrundfarben Farbe coral und Farbwert #8b4513.

<style type="text/css"><!--
  th.ying { 
    background-color: coral;
  }
  th.yang { 
    background-color: #8b4513;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="ying">V1/1</td><td class="yang">V2/1</td><td class="ying">V3/1</td></tr>
<tr><td class="ying">V1/2</td><td class="yang">V2/2</td><td class="ying">V3/2</td></tr>
<tr><td class="ying">V1/3</td><td class="yang">V2/3</td><td class="ying">V3/3</td></tr>
</table>

Mehr zum Thema th lesen Sie in Tabellen in HTML. Der hier verwendete HTML-Tag th ist in der HTML Referenz bei <th> genau gezeigt.