So ändern Sie Den Hintergrund In HTML

Inhaltsverzeichnis:

So ändern Sie Den Hintergrund In HTML
So ändern Sie Den Hintergrund In HTML

Video: So ändern Sie Den Hintergrund In HTML

Video: So ändern Sie Den Hintergrund In HTML
Video: HTML Tutorial 3: Ein Hintergrundbild einfügen [HD] - TutorialChannel 2024, April
Anonim

Der Hintergrund der Seite kann mittels HTML und CSS eingestellt werden, indem die entsprechenden Direktiven im Quellcode des Dokuments angegeben werden. Die in Auszeichnungssprachen verwendeten Attribute werden von den meisten modernen Browsern unterstützt und werden bei fast jedem Besucher Ihrer Website korrekt angezeigt.

So ändern Sie den Hintergrund in HTML
So ändern Sie den Hintergrund in HTML

Hintergrundparameter

Öffnen Sie Ihre HTML-Seitendatei zur Bearbeitung in dem von Ihnen verwendeten Editor. Dazu können Sie mit der rechten Maustaste auf das Dokument klicken und den Abschnitt "Öffnen mit" auswählen.

Die Struktur einer HTML-Datei besteht aus einer Reihe von Deskriptoren verschiedener Ebenen und Zwecke. Der Seitencode beginnt normalerweise mit einem Tag. Darauf folgt normalerweise ein Abschnitt, der den Seitentitel und den CSS-Code enthält. Nachdem der Deskriptor geschlossen wurde, beginnt der Hauptteil der Seite. Als zusätzlicher Hintergrundparameter für dieses Tag wird das Attribut zum Setzen des Hintergrundbildes der Seite gesetzt. Der Code zum Erstellen des Seitenhintergrunds sieht wie folgt aus:

In diesem Fall kann der Pfad zum Bild eine URL sein (beginnend mit https://). Der Speicherort kann aus dem Stammverzeichnis (/root/folder/background.jpg) oder relativ zum Speicherort des bearbeiteten HTML-Dokuments (z. B. Ordner / background.jpg) angegeben werden.

Speichern Sie Ihre Änderungen und öffnen Sie die Seite in einem Browser. Klicken Sie dazu mit der rechten Maustaste und wählen Sie "Öffnen mit". Geben Sie in der angezeigten Liste den Namen des Programms an, das Sie zum Surfen im Internet verwenden. Wenn der Parameter background richtig eingestellt wurde, sehen Sie das zuvor angegebene Hintergrundbild. Wenn das Bild nicht angezeigt wird, überprüfen Sie die Richtigkeit des Hintergrundattributs und den Pfad zur Hintergrunddatei.

Bgcolor-Parameter

Um die Hintergrundfarbe ohne Bild festzulegen, können Sie die bgcolor-Direktive verwenden. Als Wert für dieses Attribut können Sie den Farbnamen in Englisch angeben oder den Farbwert in der HTML-Palette verwenden. Beispielsweise:

Dieser Code gibt der Seite einen blauen Hintergrund. Wenn Sie einen Farbton oder eine genauere Farbe einstellen möchten, verwenden Sie die Werte der HTML-Palette:

In diesem Fall ist # 002902 die Farbe, die der Seite gegeben werden soll.

CSS-Attribute

Sie können den Hintergrund auch über das CSS in den Parametern einstellen:

Mit CSS können Sie auch das Hintergrundbild für die Seite über background-image angeben:

Die Verwendung von CSS und HTML führt zu den gleichen Ergebnissen, jedoch ist es vorzuziehen, CSS beim Festlegen der Seitenanzeigeparameter zu verwenden.

Empfohlen: