Eine Webseite mit Hintergrund sieht in der Regel schöner aus als ohne. Die Richtigkeit der Darstellung der Webseite hängt von den zuständigen Aktionen zum Hinzufügen des Hintergrunds ab.
Anleitung
Schritt 1
Der einfachste Weg, einen Hintergrund in einem HTML-Dokument zu erstellen, besteht darin, dem body-Tag den Attributwert zuzuweisen. Ein gegebener Wert für das background-Attribut bestimmt das Hintergrundbild auf der Seite. Wenn Sie den Wert des Attributs bgcolor festlegen, nimmt die Seite eine Hintergrundfarbe an. Die Farbe im bgcolor-Attribut des body-Tags kann entweder hexadezimal oder nur in einem Wort angegeben werden.
Schritt 2
Sie können den gleichen Effekt erzielen, indem Sie kaskadierende CSS-Stylesheets verwenden. Ein Wert für das Attribut background-color definiert die Hintergrundfarbe auf der Seite, während ein Wert für das Attribut background-image den Pfad zum Hintergrundbild der Seite definiert. Diese Anweisungen können in den Körperselektor geschrieben werden. Sie können es auch anders machen: Weisen Sie dem body-Tag im HTML-Tag eine Klasse oder einen Bezeichner zu und weisen Sie der Klasse bzw. dem Bezeichner in CSS die obigen Attribute zu. Zu beachten ist nur, dass bei Zuordnung der Attribute zu einer Klasse alle Objekte mit der angegebenen Klasse im HTML-Dokument eine Hintergrundfarbe haben.
Schritt 3
Die obigen Anweisungen können in den Hauptteil des HTML-Dokuments selbst geschrieben werden. Öffnen Sie dazu das Style-Tag im Service-Bereich zwischen den Head-Tags (Öffnen und Schließen). Zwischen dem Öffnen und Schließen eines bestimmten Tags können beliebige CSS-Anweisungen geschrieben werden. Zu bedenken ist nur, dass sich in diesem Fall die Seitengewichtung erhöht, was sich negativ auf die Ladezeit für den Endnutzer auswirken kann. Es ist auch zu beachten, dass im Falle der Angabe eines Hintergrundbildes dieses horizontal, vertikal oder entlang zweier Achsen gleichzeitig wiederholt werden kann. Dafür ist das Attribut background-repeat in CSS verantwortlich. Das Hintergrundbild kann unabhängig vom Vorhandensein einer Bildlaufleiste im Dokument starr angedockt werden. Um diesen Effekt zu erzielen, müssen Sie background-attachment: fixed angeben.
Schritt 4
Der Hintergrund eines HTML-Dokuments kann mit Programmiersprachen erstellt werden. Sie können HTML-Anweisungen mit JavaScript schreiben. Dafür eignet sich das Sprachkonstrukt document.write. Wenn das Gleiche durch das DOM ausgedrückt wird, macht die Anweisung document.body.style.backgroundColor = „red“den Hintergrund der Seite rot. Dies entspricht dem Schreiben des entsprechenden Attributs direkt in CSS.
Schritt 5
Die vorherigen Anweisungen können direkt in den Code einer Webseite geschrieben werden, indem ein Paar Skript-Tags zwischen den öffnenden und schließenden Kopf-Tags erstellt wird. All diese Anweisungen können jedoch in eine separate Datei mit der Erweiterung js geschrieben werden, die anschließend mit der Seite verbunden werden kann.
