Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #800000 und Farbe blue

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 blue

Text- und Unterstreichungsfarben von Befehl a

Ein Link wird mit Tag <a> erzeugt. Diesen kann man hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbe blue und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf arial und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gezahnten Rahmens mit 3 Pixel Dicke in Farbwert #800000. Das ist in HTML so kaum möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  a { 
    border-bottom-width:3px; 
    color:blue; 
    font-size:13px; 
    font-family:arial; 
    border-bottom-style:ridge; 
    border-bottom-color:#800000;
  }
//-->
</style>

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

Mehr zum Thema a finden Sie in Verweise und Protokolle in HTML. Möglichkeiten vom HTML-Tag <a>.

Zebra-Effekt von Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom Zebra-Effekt. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <th> mit unterschiedlichen Hintergrundfarben Farbwert #800000 und Farbe blue.

<style type="text/css"><!--
  th.yang { 
    background-color:#800000;
  }
  th.ying { 
    background-color:blue;
  }
//-->
</style>

Diese werden dann abwechselnd verwendet.

<table>
<tr><td class="yang">Ra-a</td><td class="ying">Rb-a</td><td class="yang">Rc-a</td></tr>
<tr><td class="yang">Ra-b</td><td class="ying">Rb-b</td><td class="yang">Rc-b</td></tr>
<tr><td class="yang">Ra-c</td><td class="ying">Rb-c</td><td class="yang">Rc-c</td></tr>
</table>

Mehr zum Thema finden Sie in Tabellen in HTML. Weiteres zum HTML-Tag <th>.