Ressourcen: 137 HTML Farbnamen - Kombination von Farbe powderblue und Farbwert #8a2be2

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 powderblue und Farbwert #8a2be2

Zebra-Effekt von HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <tr> mit den Hintergrundfarben Farbe powderblue und Farbwert #8a2be2.

<style type="text/css"><!--
  tr.gerade { 
    background-color: powderblue;
  }
  tr.ungerade { 
    background-color: #8a2be2;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr class="gerade"><td>O1.1</td><td>O2.1</td><td>O3.1</td></tr>
<tr class="ungerade"><td>O1.2</td><td>O2.2</td><td>O3.2</td></tr>
<tr class="gerade"><td>O1.3</td><td>O2.3</td><td>O3.3</td></tr>
</table>

Weiteres zum Thema finden Sie in Tabellen in HTML. Weiteres zum hier gezeigten HTML-Tag <tr>.

Text- und Unterstreichungsfarben mit HTML-Tag a

Ein Hyperlink wird mit Befehl <a> gesetzt und kann hervorgehoben und farblich gestaltet werden.

Hier ändern wir die Textfarbe von <a> auf Farbwert #8a2be2. Die Schriftart ändern wir auf sans-serif und ändern die Schriftgröße auf 12px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gezahnten Rahmens mit 1 Pixel Dicke in Farbe powderblue. Das geht mit HTML nicht. Wir verwenden daher CSS.

<style type="text/css"><!--
  a { 
    border-bottom-width:1px; 
    font-size:12px; 
    color:#8a2be2; 
    border-bottom-style:ridge; 
    border-bottom-color:powderblue; 
    font-family:sans-serif;
  }
//-->
</style>

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

Weiteres zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Mehr zum HTML-Befehl a finden Sie in der HTML Referenz unter <a>.