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

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 #008b8b

Zebra-Effekt von HTML-Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom so genannten Zebra-Effekt. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit den Hintergrundfarben Farbe blue und Farbwert #008b8b.

<style type="text/css"><!--
  th.odd { 
    background-color:blue;
  }
  th.even { 
    background-color:#008b8b;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr><td class="odd">Ba-a</td><td class="even">Bb-a</td><td class="odd">Bc-a</td></tr>
<tr><td class="odd">Ba-b</td><td class="even">Bb-b</td><td class="odd">Bc-b</td></tr>
<tr><td class="odd">Ba-c</td><td class="even">Bb-c</td><td class="odd">Bc-c</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML erfahren. Mehr zum hier gezeigten Tag th finden Sie in der HTML Referenz unter <th>.

Text- und Unterstreichungsfarben von Befehl var

Wir ändern für dieses Beispiel die Textfarbe von <var> auf Farbwert #008b8b. Die Schriftart ändern wir auf monospace und setzen die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <var> mit Hilfe eines gestrichelten Rahmens mit 5 Punkte Dicke in Farbe blue. In HTML ist dies kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  var { 
    font-family: monospace; 
    color: #008b8b; 
    border-bottom: 5pt dashed blue; 
    font-size: 13px;
  }
//-->
</style>

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

Weiteres zu var können Sie in Text in HTML nachsehen. Möglichkeiten des HTML-Befehl <var>.