Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f5fffa und Farbwert #9932cc

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 Farbwert #f5fffa und Farbwert #9932cc

Zebra-Effekt mit Befehl td

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem Zebra-Effekt. Dieser Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <td> mit den Hintergrundfarben Farbwert #f5fffa und Farbwert #9932cc.

<style type="text/css"><!--
  td.yang { 
    background-color:#f5fffa;
  }
  td.ying { 
    background-color:#9932cc;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="yang">S1/1</td><td class="ying">S2/1</td><td class="yang">S3/1</td></tr>
<tr><td class="yang">S1/2</td><td class="ying">S2/2</td><td class="yang">S3/2</td></tr>
<tr><td class="yang">S1/3</td><td class="ying">S2/3</td><td class="yang">S3/3</td></tr>
</table>

Weiteres zu td können Sie in Tabellen in HTML nachlesen. Mehr zum hier verwendeten HTML-Befehl td finden Sie in der HTML Referenz unter <td>.

Text- und Unterstreichungsfarben von Befehl address

Hier ändern wir die Textfarbe von <address> auf Farbwert #9932cc. Die Schriftart ändern wir auf verdana. Die Schriftgröße erhöhen wir auf 118%. Wir unterstreichen den Inhalt von <address> mit Hilfe eines doppelten Rahmens mit 4 Pixel Dicke in Farbwert #f5fffa. Das geht in HTML nicht. Daher nutzen wir CSS zur Formatierung.

<style type="text/css"><!--
  address { 
    color: #9932cc; 
    border-bottom-style: double; 
    font-size: 118%; 
    border-bottom-color: #f5fffa; 
    font-family: verdana; 
    border-bottom-width: 4px;
  }
//-->
</style>

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

Mehr zu address können Sie in Blockorientierte Elemente in HTML lesen. Möglichkeiten des hier genutzten HTML-Tag <address>.