Ressourcen: 137 HTML Farbnamen - Kombination von Farbe linen und Farbwert #8b008b

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 linen und Farbwert #8b008b

Zebra-Effekt von Tag tr

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <tr> mit unterschiedlichen Hintergrundfarben Farbe linen und Farbwert #8b008b.

<style type="text/css"><!--
  tr.odd { 
    background-color:linen;
  }
  tr.even { 
    background-color: #8b008b;
  }
//-->
</style>

Diese werden dann abwechselnd verwendet.

<table>
<tr class="odd"><td>Oa:a</td><td>Ob:a</td><td>Oc:a</td></tr>
<tr class="even"><td>Oa:b</td><td>Ob:b</td><td>Oc:b</td></tr>
<tr class="odd"><td>Oa:c</td><td>Ob:c</td><td>Oc:c</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML finden. Die Beschreibung vom hier genutzten Befehl tr erfahren Sie in der HTML Referenz unter <tr>.

Text- und Unterstreichungsfarben bei HTML-Tag q

Für dieses Beispiel ändern wir die Textfarbe von <q> auf Farbwert #8b008b und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf courier new und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <q> mit Hilfe eines gepunkteten Rahmens mit 3 Pixel Dicke in Farbe linen. In HTML geht dies kaum. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  q { 
    font-family: courier new; 
    color: #8b008b; 
    font-size: 13px; 
    border-bottom: 3px dotted linen;
  }
//-->
</style>

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

Die Beschreibung des hier genutzten Tag q finden Sie in der HTML Referenz unter <q>.