Ressourcen: 137 HTML Farbnamen - Kombination von Farbe indianred und Farbwert #808080

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 indianred und Farbwert #808080

Zebra-Effekt von Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem so genannten Zebra-Effekt. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <th> mit unterschiedlichen Hintergrundfarben Farbe indianred und Farbwert #808080.

<style type="text/css"><!--
  th.even { 
    background-color:indianred;
  }
  th.odd { 
    background-color:#808080;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr><td class="even">SA,A</td><td class="odd">SB,A</td><td class="even">SC,A</td></tr>
<tr><td class="even">SA,B</td><td class="odd">SB,B</td><td class="even">SC,B</td></tr>
<tr><td class="even">SA,C</td><td class="odd">SB,C</td><td class="even">SC,C</td></tr>
</table>

Weiteres zum Thema th erfahren Sie in Tabellen in HTML. Möglichkeiten vom HTML-Befehl th lesen Sie in der HTML Referenz unter <th>.

Text- und Unterstreichungsfarben bei HTML-Tag q

Hier ändern wir die Textfarbe von <q> auf Farbwert #808080. Die Schriftart setzen wir auf arial. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <q> mit Hilfe eines gezahnten Rahmens mit 3 Pixel Dicke in Farbe indianred. Dies ist mit HTML kaum möglich. Deshalb verwenden wir dafür CSS.

<style type="text/css"><!--
  q { 
    color: #808080; 
    border-bottom: 3px ridge indianred; 
    font-size: 13px; 
    font-family: arial;
  }
//-->
</style>

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

Weiteres zum HTML-Tag q lesen Sie in der HTML Referenz unter <q>.