Ressourcen: 137 HTML Farbnamen - Kombination von Farbe crimson und Farbwert #ff6347

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 crimson und Farbwert #ff6347

Text- und Unterstreichungsfarben von Tag label

Wir ändern in diesem Beispiel die Textfarbe von <label> auf Farbwert #ff6347. Die Schriftart setzen wir auf arial und erhöhen die Schriftgröße auf 126%. Wir unterstreichen den Inhalt von <label> mit Hilfe eines doppelten Rahmens mit 5 Pixel Dicke in Farbe crimson. Mit HTML geht das nicht. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  label { 
    color:#ff6347; 
    border-bottom-color:crimson; 
    font-family:arial; 
    border-bottom-width:5px; 
    font-size:126%; 
    border-bottom-style:double;
  }
//-->
</style>

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

Mehr zum Thema können Sie in Formulare in HTML erfahren. Beschreibung des hier verwendeten Befehl <label>.

Zebra-Effekt von Befehl td

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <td> mit unterschiedlichen Hintergrundfarben Farbe crimson und Farbwert #ff6347.

<style type="text/css"><!--
  td.even { 
    background-color:crimson;
  }
  td.odd { 
    background-color:#ff6347;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="even">DA-A</td><td class="odd">DB-A</td><td class="even">DC-A</td></tr>
<tr><td class="even">DA-B</td><td class="odd">DB-B</td><td class="even">DC-B</td></tr>
<tr><td class="even">DA-C</td><td class="odd">DB-C</td><td class="even">DC-C</td></tr>
</table>

Weiteres zu td können Sie in Tabellen in HTML nachsehen. Beschreibung des Tag <td>.