SELFHTML: HTML / Dateiweite Farben und Hintergrund / Farbe für Hintergrund, Text und Verweise

SELFHTML/Quickbar HTML Dateiweite Farben und Hintergrund

	Farbe für Hintergrund, Text und Verweise
	Farbe für den Hintergrund Farbe für Text und Verweise Weitere Möglichkeiten

Farbe für den Hintergrund

Anzeigebeispiel: So sieht's aus

Sie können eine Farbe für den Hintergrund des Anzeigefensters bestimmen. Die gesamte HTML-Datei wird auf dieser Hintergrundfarbe angezeigt.

Beispiel:

<body bgcolor=#CCFFFF>

Erläuterung:

Die Angabe zur Hintergrundfarbe erfolgt im einleitenden <body>-Tag der HTML-Datei (siehe hierzu Grundgerüst einer 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 Hintergrundfabe angezeigt. Für die Farbauswahl gelten die Regeln zum Definieren von Farben in HTML.

Beachten Sie:

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).

Farbe für Text und Verweise

Anzeigebeispiel: So sieht's aus

Sie können dateiweite Farben definieren:

für Text (gültig für alle Elemente wie Überschriften, normalen Fließtext, Listen usw.)
für Verweise zu noch nicht besuchten Stellen
für Verweise zu bereits besuchten Stellen
für Verweise, während sie angeklickt werden

Beispiel:

<body bgcolor=#663333 text=#FFCC99 link=#FF9966 vlink=#FF9966 alink=#FFFFFF>

Erläuterung:

Die Angaben erfolgen im einleitenden <body>-Tag der HTML-Datei (siehe hierzu Grundgerüst einer 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).

Beachten Sie:

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).

Weitere Möglichkeiten

Wenn Sie HTML bereits etwas besser kennen, probieren Sie auch mal die Möglichkeiten aus, die Ihnen CSS Style-Sheets bieten. Denn auch damit können Sie Farben für eine Datei definieren. Dazu müssen Sie zunächst wissen, wie man Style-Sheets definieren kann. Anschließend sind Sie in der Lage, Style-Sheet-Angaben anzuwenden. Indem Sie Style-Sheet-Angaben auf das <body>-Tag anwenden, stehen Ihnen wesentlich mehr Möglichkeiten zur Verfügung als bei den hier beschriebenen Attributen. Sie können auch Style-Sheets in einer separaten Datei definieren und diese Datei dann in beliebig viele HTML-Dateien Ihres Projekts einbinden. So ist es leichter, mit einem dateiübergreifenden Layout zu arbeiten. Interessant sind im hier beschriebenen Zusammenhang zum Beispiel folgende Style-Sheet-Angaben:
Hintergrundfarben und -bilder
Pseudo-Formate für Verweise
Rahmen und Innenabstände

Das <body>-Tag kann Universalattribute enthalten.


weiter:	Hintergrundbilder (Wallpapers)
zurück:	Durchsuchbarkeit mit Server-Kommunikation

SELFHTML/Quickbar HTML Dateiweite Farben und Hintergrund