Ressourcen: 137 HTML Farbnamen - Kombination von Farbe chocolate und Farbwert #8b0000

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 chocolate und Farbwert #8b0000

Zebra-Effekt von HTML-Tag td

Man redet von einem so genannten 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 .ungerade und .gerade für <td> mit den Hintergrundfarben Farbe chocolate und Farbwert #8b0000.

<style type="text/css"><!--
  td.ungerade { 
    background-color:chocolate;
  }
  td.gerade { 
    background-color: #8b0000;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr><td class="ungerade">U1.1</td><td class="gerade">U2.1</td><td class="ungerade">U3.1</td></tr>
<tr><td class="ungerade">U1.2</td><td class="gerade">U2.2</td><td class="ungerade">U3.2</td></tr>
<tr><td class="ungerade">U1.3</td><td class="gerade">U2.3</td><td class="ungerade">U3.3</td></tr>
</table>

Weiteres zum Thema lesen Sie in Tabellen in HTML. Die Beschreibung vom HTML-Befehl td lesen Sie in der HTML Referenz unter <td>.

Text- und Unterstreichungsfarben mit HTML-Tag a

Mit HTML-Tag <a> setzen Sie einen Link. Diesen kann man hervorheben und farblich gestalten.

In diesem Beispiel ändern wir die Textfarbe von <a> auf Farbwert #8b0000 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf monospace. Die Schriftgröße setzen wir auf 90%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gefurchten Rahmens mit 3 Pixel Dicke in Farbe chocolate. Mit HTML ist das nicht möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    font-size:90%; 
    font-family:monospace; 
    color:#8b0000; 
    border-bottom-color:chocolate; 
    border-bottom-style:groove; 
    border-bottom-width:3px;
  }
//-->
</style>

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

Weiteres zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Zur Beschreibung des Tag <a>.