Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #b0c4de und Farbwert #ffdab9

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 #b0c4de und Farbwert #ffdab9

Text- und Unterstreichungsfarben mit HTML-Befehl a

Einen Link erzeugt man mit HTML-Tag <a>. Diesen kann man farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbwert #ffdab9. Die Schriftart ändern wir auf courier new und vergrößern die Schriftgröße auf 126%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gepunkteten Rahmens mit 5 Punkte Dicke in Farbwert #b0c4de. Dies ist in HTML kaum möglich. Deshalb nutzen wir hierfür CSS.

<style type="text/css"><!--
  a { 
    border-bottom-width: 5pt; 
    font-family: courier new; 
    border-bottom-color: #b0c4de; 
    font-size: 126%; 
    color: #ffdab9; 
    border-bottom-style: dotted;
  }
//-->
</style>

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

Weiteres zum Thema finden Sie in Verweise und Protokolle in HTML. Weiteres zum hier genutzten Tag a finden Sie in der HTML Referenz unter <a>.

Zebra-Effekt bei HTML-Befehl td

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt 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 Farbwert #b0c4de und Farbwert #ffdab9.

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

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="gerade">Qa:a</td><td class="ungerade">Qb:a</td><td class="gerade">Qc:a</td></tr>
<tr><td class="gerade">Qa:b</td><td class="ungerade">Qb:b</td><td class="gerade">Qc:b</td></tr>
<tr><td class="gerade">Qa:c</td><td class="ungerade">Qb:c</td><td class="gerade">Qc:c</td></tr>
</table>

Mehr zu td können Sie in Tabellen in HTML erfahren. Mehr zum hier gezeigten HTML-Befehl td erfahren Sie in der HTML Referenz unter <td>.