Wie man einen Hintergrund macht in html

Wie man einen Hintergrund macht in html

Bei der Konfiguration jeder Website, die neben der Funktionalität, das Design ist sehr wichtig. Dies ist, wie die eigenen Stil und Design eines Unternehmens oder einer Person, für die das Gebiet erstellt wird. Fertigen Sie die Hintergrundfarbe und sein Bild wird nicht die Arbeit sein, nach den Anweisungen in diesem Artikel.

1
Öffnen Sie Ihre HTML-Datei von Notebook oder einem anderen Text-Editor, an die Sie gewohnt sind.

2
Nehmen wir zum Beispiel eine primitive Website Seite mit einem Minimum an Text. Sie können Ihre Datei mit einem beliebigen Browser öffnen.

3
Um damit zu beginnen, die Farbe des Hintergrunds ändern, wie Menschen mit langsamen Internet-Verbindungen werden nicht sofort in der Lage sein, das Hintergrundbild der Seite zu sehen. Eine gewisse Zeit, bis das Bild geladen ist, können sie nur die Farbe Ihrer Website.
Geben Sie den Tag \u003cbody\u003e \u003cbody\u003e Parameter bgcolor \u003d "*****", wo ***** ist eine Farbe Chiffre. Sie können durch Auswahl der Option „für VEB“ oder auf der Website in jedem grafischen Editor Farben für HTML lernen https://colorscheme.ru/color-names.

4
Es ist genug für Sie eine Farbe in der Palette Kreis zu wählen und im Rahmen des Quadrats seine Intensität zuweisen. Auf der rechten Seite finden Sie zwei Codes für HTML sehen. Kopieren Sie sie und sie in das Notebook ein.

5
Das Finden der Farbe und in den Code einfügen, finden Sie, wenn Sie alles richtig gemacht haben, die resultierende Web-Seite aus dem Browser anzeigen.

6
Jetzt können Sie zum Einfügen des Hintergrundbildes gehen. Legen Sie das gewünschte Bild in der Code-Ordner für mehr Komfort. Fragen Sie ihn, den Namen in lateinischen Buchstaben.

7
Jetzt den Speicherort der Datei herausfinden, indem Sie mit der rechten Maustaste durch das „Öffnen mit“ wählen Zeichenfolge und auf jedem Browser auf Ihrem Computer installiert klicken.

8
Kopieren Sie die Adresse von Ihrem Browser Suchleiste.

9
Jetzt in der \u003cbody\u003e -Tag, geben Sie die Zeichenfolge:

  • style \u003d "background-image: URL ( 'file: /// C: /Ussers/pail_File.jpg')"

10
Speichern Sie die Datei.

11
Überprüfen Sie Ihre Web-Seite. Sie werden sehen, dass der Hintergrund unter Ihrem Text ersetzt wird.

Bitte beachten Sie, dass Benutzer, die größere Bildschirmauflösung hat, wird Ihr Bild dupliziert nach unten und nach rechts. Es wird nicht gut aussehen, wenn das Bild nicht ein monophon ist. Um diesen Parameter zu korrigieren, gibt es spezielle Befehle.

  • hintergrund Wiederholung.: “Bedeutung“. Ihr Wert Optionen können sein: " rEPEAT-X " - Wiederholt Ihr Hintergrundbild und horizontal, als auch vertikal. " rEPEAT-Y " - Wiederholung nur vertikal. " no-repeat " - Das Bild wird an Ort und Stelle eingefroren und nicht wiederholt. " platz " - Die gesamte Seite wird mit der maximalen Anzahl von Kopien des Bildes gefüllt werden, der extremen Willen prahlen. " round " - die gleiche Option, aber an den Rändern des Bildes werden sorgfältig skaliert;
  • background-attachment: "Value". Wenn wir statt des Wortes TEG Bedeutung "ersetzen scrollen„Das Bild scrollt mit der Seite entlang. " fest„- wenn der Hintergrund Scrollen bleibt unverändert;
  • hintergrund-Größe: Wert Wert2. Hier werden die Werte müssen den Betrag in Pixel nehmen. Zum Beispiel: 100px 200px. Zusätzlich zu den Pixeln, die Werte werden in Prozent akzeptiert. Dies ist der Parameter der Seite des Bildes zu füllen. Neben Zahlen können Sie zwei Parameter eingeben: " enthalten„- füllt die Seite mit dem Bild entlang der langen Seite und“ abdeckung.„- füllt die Seite mit einer Breite Bild.

Zu wissen, sind die Grundlagen der Füllung der Seite Hintergrund in HTML bereit, Ihre erste Website zu erstellen.

Einen Kommentar hinzufügen

Ihre E-Mail wird nicht veröffentlicht. Pflichtfelder sind markiert *

nah dran