Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #000000 und Farbe purple

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 #000000 und Farbe purple

Text- und Unterstreichungsfarben mit HTML-Befehl fieldset

In diesem Beispiel ändern wir die Textfarbe von <fieldset> auf Farbe purple und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf verdana und verkleinern die Schriftgröße auf 88%. Wir unterstreichen den Inhalt von <fieldset> mit Hilfe eines gefurchten Rahmens mit 3 Pixel Dicke in Farbwert #000000. In HTML geht das kaum. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  fieldset { 
    font-family:verdana; 
    color:purple; 
    border-bottom-width:3px; 
    border-bottom-style:groove; 
    border-bottom-color:#000; 
    font-size:88%;
  }
//-->
</style>

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

Weiteres zum Thema erfahren Sie in Formulare in HTML. Mehr zum hier gezeigten Tag <fieldset>.

Zebra-Effekt mit Befehl tr

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #000000 und Farbe purple.

<style type="text/css"><!--
  tr.yang { 
    background-color:#000000;
  }
  tr.ying { 
    background-color:purple;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr class="yang"><td><tt>A:A</td><td></tt>B:A</td><td><tt>C:A</td></tr>
<tr class="ying"><td></tt>A:B</td><td><tt>B:B</td><td></tt>C:B</td></tr>
<tr class="yang"><td><tt>A:C</td><td></tt>B:C</td><td>@C:C</td></tr>
</table>

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