SELFHTML/Navigationshilfen HTML/XHTML Dateiweite Einstellungen | |
Farben für Hintergrund, Text und Verweise |
|
Farbe für den Hintergrund |
|
Sie können eine Farbe für den Hintergrund des Anzeigefensters bestimmen. Die gesamte HTML-Datei wird auf dieser Hintergrundfarbe angezeigt.
Anzeigebeispiel: So sieht's aus
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Dateiweite Farbe für den Hintergrund</title> </head> <body bgcolor="#CCFFFF"> <h1>Text, Verweise, Grafikreferenzen usw.</h1> </body> </html>
Die Angabe zur Hintergrundfarbe erfolgt im einleitenden <body>
-Tag der HTML-Datei. Mit dem Attribut bgcolor
bestimmen Sie die Farbe für den Bildschirmhintergrund (bgcolor = background color = Hintergrundfarbe). Die gesamte HTML-Datei wird auf der hier definierten Hintergrundfarbe angezeigt. Für die Farbauswahl gelten die Regeln zum Definieren von Farben in HTML.
Das Attribut bgcolor
ist als deprecated eingestuft und soll künftig vermieden werden. Den gleichen Effekt erreichen Sie nämlich auch mit Hilfe von Stylesheets, z.B. so:
<body style="background-color:#CCFFFF">
Wenn Sie ein Dokument aus mehreren HTML-Dateien erstellen, das einen einheitlichen Hintergrund und Textvordergrund haben soll, müssen Sie die Hintergrundfarbe in jeder HTML-Datei neu definieren. Natürlich können Sie auch für jede HTML-Datei andere Farben definieren.
Wenn Sie eine Hintergrundfarbe definieren, sollten Sie auch passende (kontrastierende) Textvordergrundfarben definieren (siehe hierzu folgender Abschnitt).
Sie können dateiweite Farben definieren:
Anzeigebeispiel: So sieht's aus
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Farbe für Text und Verweise</title> </head> <body bgcolor="#663333" text="#FFCC99" link="#FF9966" vlink="#FF9900" alink="#FFFFFF"> <h1>Text</h1> <a href="http://de.yahoo.com/">Verweis zu Yahoo</a> </body> </html>
Die Angaben erfolgen im einleitenden <body>
-Tag der HTML-Datei. Für die Farbauswahl gelten die Regeln zum Definieren von Farben in HTML.
Mit text
definieren Sie eine Farbe für den Text.
Mit link
definieren Sie eine Farbe für Verweise zu noch nicht besuchten Dateien (link = Verweis).
Mit vlink
definieren Sie eine Farbe für Verweise zu bereits besuchten Dateien (vlink = visited link = besuchter Verweis).
Mit alink
definieren Sie eine Farbe für Verweise, die der Anwender gerade anklickt (alink = activated link = aktivierter Verweis).
Alle diese Attribute sind als deprecated eingestuft und sollen künftig vermieden werden. Den gleichen Effekt erreichen Sie nämlich auch mit Hilfe von Stylesheets, z.B. im Dateikopf zwischen <head>
und </head>
mit dem folgenden Quelltext:
<style type="text/css">
body { background-color:#663333; color:#FFCC99; }
a:link { color:#FF9966; }
a:visited { color:#FF9900; }
a:active { color:#FFFFFF; }
</style>
Die definierten Textvordergrundfarben sollten mit der definierten Hintergrundfarbe kontrastieren. Wenn Sie z.B. eine dunkle Hintergrundfarbe definieren, sollten Sie helle Textvordergrundfarben wählen (z.B. Weiß, Gelb, Hellgrün und Hellblau).
Bei Verwendung von Stylesheets müssen Sie zunächst wissen, wie man CSS-Formate definieren kann. Anschließend sind Sie in der Lage, CSS-Eigenschaften anzuwenden. Maßgeblich sind im hier beschriebenen Zusammenhang folgende CSS-Eigenschaften:
background-color
color
Pseudoklassen für Verweise
Das <body>-Tag kann auch Universalattribute enthalten.
Hintergrundbild (Wallpaper) | |
Durchsuchbarkeit mit Server-Kommunikation | |
SELFHTML/Navigationshilfen HTML/XHTML Dateiweite Einstellungen |
© 2007 Impressum