Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #800000 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 #800000 und Farbe purple

Text- und Unterstreichungsfarben von Tag h6

Eine Überschrift der 6. Stufe setzen Sie mit Befehl <h6>. Diese kann farblich gestaltet werden.

Wir ändern in diesem Beispiel die Textfarbe von <h6> auf Farbe purple. Die Schriftart ändern wir auf sans-serif und ändern die Schriftgröße auf 9px. Wir unterstreichen den Inhalt von <h6> mit Hilfe eines gezahnten Rahmens mit 1 Punkte Dicke in Farbwert #800000. Mit HTML ist das kaum möglich. Daher nutzen wir CSS.

<style type="text/css"><!--
  h6 { 
    border-bottom: 1pt ridge #800000; 
    font-family: sans-serif; 
    font-size: 9px; 
    color: purple;
  }
//-->
</style>

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

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Möglichkeiten des Tag <h6>.

Zebra-Effekt von Tag tr

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <tr> mit den Hintergrundfarben Farbwert #800000 und Farbe purple.

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

Diese CSS-Klassen werden dann abwechselnd angewendet.

<table>
<tr class="odd"><td>Ea/a</td><td>Eb/a</td><td>Ec/a</td></tr>
<tr class="even"><td>Ea/b</td><td>Eb/b</td><td>Ec/b</td></tr>
<tr class="odd"><td>Ea/c</td><td>Eb/c</td><td>Ec/c</td></tr>
</table>

Weiteres zum Thema finden Sie in Tabellen in HTML. Beschreibung vom Befehl <tr>.