Ressourcen: 137 HTML Farbnamen - Kombination von Farbe blue und Farbwert #fff0f5

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 blue und Farbwert #fff0f5

Text- und Unterstreichungsfarben mit Befehl a

Einen Verweis erzeugen Sie mit HTML-Befehl <a>. Er kann farblich gestaltet werden.

Wir ändern in diesem Beispiel die Textfarbe von <a> auf Farbwert #fff0f5. Die Schriftart setzen wir auf verdana. Die Schriftgröße verkleinern wir auf 88%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines herausstehenden Rahmens mit 4 Pixel Dicke in Farbe blue. Dies geht mit HTML nicht. Daher verwenden wir CSS.

<style type="text/css"><!--
  a { 
    color:#fff0f5; 
    border-bottom-color:blue; 
    border-bottom-width:4px; 
    font-family:verdana; 
    font-size:88%; 
    border-bottom-style:outset;
  }
//-->
</style>

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

Weiteres zum Thema lesen Sie in Verweise und Protokolle in HTML. Möglichkeiten des HTML-Befehl a erfahren Sie in der HTML Referenz unter <a>.

Zebra-Effekt von HTML-Tag td

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <td> mit den Hintergrundfarben Farbe blue und Farbwert #fff0f5.

<style type="text/css"><!--
  td.gerade { 
    background-color: blue;
  }
  td.ungerade { 
    background-color: #fff0f5;
  }
//-->
</style>

Diese werden abwechselnd verwendet.

<table>
<tr><td class="gerade">NA/A</td><td class="ungerade">NB/A</td><td class="gerade">NC/A</td></tr>
<tr><td class="gerade">NA/B</td><td class="ungerade">NB/B</td><td class="gerade">NC/B</td></tr>
<tr><td class="gerade">NA/C</td><td class="ungerade">NB/C</td><td class="gerade">NC/C</td></tr>
</table>

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