Normalerweise wird die Hintergrundfarbe einer Webseite mit Cascading Style Sheets (CSS) festgelegt. Seltener werden dafür die Fähigkeiten der HTML-Sprache (HyperText Markup Language – „Hypertext Markup Language“) genutzt. Manchmal werden CSS-Beschreibungselemente in HTML-Tags platziert.
Anweisungen
Schritt 1
Verwenden Sie das bgcolor-Attribut des body-Tags, wenn Sie es so einfach wie möglich machen möchten, die Hintergrundfarbe festzulegen und Änderungen an Ihrem Quellcode zu minimieren. Beschreibungen aller Seitenelemente werden in der Seitenquelle innerhalb eines HTML-Codeblocks platziert, der mit einem Tag beginnt und mit einem Tag endet. Das bgcolor-Attribut wird im öffnenden Tag angegeben und enthält den benannten Farbwert (z. B. Rot oder Schokolade) oder den entsprechenden hexadezimalen Farbcode (# FF0000 bzw. # D2691E). In seiner einfachsten Form kann ein solches Tag beispielsweise so geschrieben werden: Oder so: Beide Optionen setzen die gleiche rote Farbe für den Hintergrund des Dokuments.
Schritt 2
Verwenden Sie die Eigenschaft background-color, wenn Sie die Hintergrundfarbe eines Dokuments mithilfe einer Stilbeschreibungssprache festlegen möchten – diese Methode ist viel häufiger. Stilbeschreibungsblöcke können entweder im Quellcode des Dokuments enthalten sein oder in eine separate Datei mit der Erweiterung css geschrieben werden. Ein Link zu einer externen Datei wird im Kopfteil der Seite (zwischen den und -Tags) platziert und sieht etwa so aus: @import "style.css"; Wenn die CSS-Anweisungen nicht in eine zusätzliche Datei verschoben werden müssen, dann @import "style.css"; B. durch den folgenden Test ersetzt werden: body {background-color: Red;} Hier zeigt body an, dass sich die Anweisung innerhalb der geschweiften Klammern, die die rote Hintergrundfarbe definiert, auf dasselbe HTML-Body-Tag bezieht. Und hier gibt es mehrere Systeme zur Bestimmung von Farbtönen, am häufigsten werden jedoch Hexadezimalcodes verwendet: body {background-color: # FF0000;}
Schritt 3
Ersetzen Sie die Eigenschaft background-color durch background, um eine komplexere Hintergrundstruktur prägnant zu beschreiben. Zum Beispiel, wenn zusätzlich zum Hintergrund einer bestimmten Farbe ein Bild auf der Dokumentenunterlage platziert werden muss. Eine solche Beschreibung könnte so aussehen: body {background: Red url (img / BGimage.gif) no-repeat;}
Schritt 4
Bereiten Sie basierend auf der ausgewählten Option den Code vor, der die Hintergrundfarbe des Dokuments festlegt, und fügen Sie ihn in den Quellcode der Seite ein. Dies kann beispielsweise mit dem Online-Editor der Seiten des Redaktionssystems oder in einem beliebigen Texteditor erfolgen.
