Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe navy und Farbwert #ff00ff

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 Farbe navy und Farbwert #ff00ff

Zebra-Effekt von HTML-Befehl tr

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <tr> mit unterschiedlichen Hintergrundfarben Farbe navy und Farbwert #ff00ff.

<style type="text/css"><!--
  tr.gerade { 
    background-color:navy;
  }
  tr.ungerade { 
    background-color:#ff00ff;
  }
//-->
</style>

Diese Klassen werden abwechselnd genutzt.

<table>
<tr class="gerade"><td>Ea:a</td><td>Eb:a</td><td>Ec:a</td></tr>
<tr class="ungerade"><td>Ea:b</td><td>Eb:b</td><td>Ec:b</td></tr>
<tr class="gerade"><td>Ea:c</td><td>Eb:c</td><td>Ec:c</td></tr>
</table>

Weiteres zu tr können Sie in Tabellen in HTML erfahren. Mehr zum HTML-Befehl <tr>.

Text- und Unterstreichungsfarben bei Tag a

Einen Hyperlink setzen Sie mit Befehl <a>. Diesen kann man hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbwert #ff00ff. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße setzen wir auf 92%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gestrichelten Rahmens mit 1 Punkte Dicke in Farbe navy. In HTML geht dies kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  a { 
    color:#ff00ff; 
    font-family:sans-serif; 
    border-bottom:1pt dashed navy; 
    font-size:92%;
  }
//-->
</style>

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML finden. Möglichkeiten vom Tag a sind in der HTML Referenz bei <a> genau beschrieben.