Farbe für Hintergrund, Text und Verweise |
|
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.
<body bgcolor=#CCFFFF> |
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.
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).
Anzeigebeispiel: So sieht's aus
Sie können dateiweite Farben definieren:
<body bgcolor=#663333 text=#FFCC99 link=#FF9966 vlink=#FF9966 alink=#FFFFFF> |
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).
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).
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 |