Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lavenderblush und Farbwert #d8bfd8

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 lavenderblush und Farbwert #d8bfd8

Zebra-Effekt von HTML-Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man von einem Zebra-Effekt. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <td> mit unterschiedlichen Hintergrundfarben Farbe lavenderblush und Farbwert #d8bfd8.

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

Diese werden dann abwechselnd verwendet.

<table>
<tr><td class="odd">Q1.1</td><td class="even">Q2.1</td><td class="odd">Q3.1</td></tr>
<tr><td class="odd">Q1.2</td><td class="even">Q2.2</td><td class="odd">Q3.2</td></tr>
<tr><td class="odd">Q1.3</td><td class="even">Q2.3</td><td class="odd">Q3.3</td></tr>
</table>

Mehr zu td können Sie in Tabellen in HTML finden. Möglichkeiten vom hier genutzten HTML-Befehl <td>.

Text- und Unterstreichungsfarben bei Tag a

Ein Link wird mit Tag <a> erzeugt. Diesen können Sie hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbwert #d8bfd8. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße setzen wir auf 119%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gestrichelten Rahmens mit 4 Pixel Dicke in Farbe lavenderblush. Mit HTML geht dies kaum. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    font-size: 119%; 
    border-bottom: 4px dashed lavenderblush; 
    color: #d8bfd8; 
    font-family: sans-serif;
  }
//-->
</style>

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

Weiteres zum Thema a lesen Sie in Verweise und Protokolle in HTML. Weiteres zum HTML-Tag a ist in der HTML Referenz unter <a> ausführlich beschrieben.