HTML lernen (4): Farben

Farben zuweisen

∅ 1 / 1 Bewertungen

Farben zuweisen

Dateiweite Farbdefinitionen

Dateiweit können Sie Farben im einleitenden <body>-Tag der HTML-Datei für folgende Elemente definieren:

  • Hintergrund des gesamten Dokuments,

  • Text (gültig für alle Elemente wie Überschriften, Fließtext, Listen),

  • Verweise (Links) zu noch nicht besuchten Stellen,

  • Verweise zu bereits besuchten Stellen,

  • Verweise, während sie angeklickt werden.

Beispiel:

(Farbschema für diese Seite) <body bgcolor=#ffffff text=#000000 link=#0066cc
vlink=#666666 alink=#0099ff>

Mit bgcolor= wird die Farbe für den Bildschirmhintergrund definiert (bg = background).
Mit text= wird eine Farbe für den Text definiert.
Mit link= wird eine Farbe für Verweise zu noch nicht besuchten Dateien definiert (link = Verweis).
Mit vlink= wird eine Farbe für Verweise zu bereits besuchten Dateien definiert (vlink = visited link = besuchter Verweis).
Mit alink= wird eine Farbe für den Verweis, den Sie gerade anklicken, definiert (alink = activated link = aktivierter Verweis).

Bitte achten Sie darauf, daß die verschiedenen Textfarben sich deutlich von der Hintergrundfarbe abheben! Unser Farbwähler ist das ideale Werkzeug, um verschiedene Kombinationen auf ausreichenden Kontrast zu prüfen.

Einfärbung von Textteilen

Zusätzlich zu den dateiweit gültigen Anweisungen kann man im eigentlichen Textkörper bestimmte Passagen oder Elemente anderweitig einfärben.

Beispiel: So wird es gemacht:

<body bgcolor=#ffeece text=#000000 link=#800000
vlink=#b22222 alink=#ff0000>

'Auf dieser Seite ist die definierte Textfarbe schwarz.
<font color="#000080">Sie kann aber auch andersfarbigen Text enthalten'.</font>

Sämtlicher Text innerhalb von <font> ... </font> wird nun blau (#000080) dargestellt.

Einfärben von Tabellen

Darüber hinaus lassen sich interessante Effekte mit Tabellen erzielen. Sicher ist Ihnen das schon auf diesen Seiten aufgefallen. Einer Tabelle läßt sich eine völlig andere Hintergrundfarbe zuweisen, bei Bedarf sogar jeder einzelnen Zelle!

Beispiel: So wird es gemacht:

<table border=2 width=200 bgcolor="#C0C0C0">
<tr>
<td bgcolor="#800000"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td bgcolor="#008080"> </td>
<td> </td>
</tr>
</table>

Im einleitenden <table>-Tag wird der gesamten Tabelle die Hintergrundfarbe grau (#C0C0C0) zugewiesen. Weiterhin wurden zwei Zellen mit anderen Farben versehen (#800000 und #008080).