So Füllen Sie Den Hintergrund In HTML Aus

Inhaltsverzeichnis:

So Füllen Sie Den Hintergrund In HTML Aus
So Füllen Sie Den Hintergrund In HTML Aus

Video: So Füllen Sie Den Hintergrund In HTML Aus

Video: So Füllen Sie Den Hintergrund In HTML Aus
Video: HTML & CSS Tutorial für Anfänger 30 -- Hintergrundbild einfügen 2024, Kann
Anonim

Mit der HTML-Markup-Sprache können Sie den Hintergrund der Seite in einer beliebigen Farbe einfärben und Bilder darauf platzieren. Dadurch ist es möglich, Text beispielsweise gegen eine Landschaft oder eine Papierstruktur zu erhalten.

So füllen Sie den Hintergrund in HTML aus
So füllen Sie den Hintergrund in HTML aus

Anleitung

Schritt 1

Lassen Sie sich bei der Auswahl einer Hintergrundfarbe oder eines Bildes in erster Linie von der Lesbarkeit des Textes leiten. Der Hintergrund sollte kontrastreich sein, d. h. die Charaktere sollten sich deutlich abheben. Wenn Sie sich für die Hintergrundgrafik entscheiden, vergewissern Sie sich, dass Sie der Urheber des Bildes sind oder das Nutzungsrecht aufgrund eines Vertrages (z.

Schritt 2

Suchen Sie das Tag in der HTML-Quelle der Seite. Um den Hintergrund einfarbig und einfarbig zu machen, fügen Sie die Variable bkcolor mit einem Argument als Farbcode hinzu. Danach sieht die Konstruktion wie folgt aus: <body bkcolor = rrggbb: gt;, wobei rr, gg und bb Hexadezimalzahlen im Bereich von 00 bis FF sind. Der erste von ihnen stellt die Intensität des Rotanteils ein, der zweite - auf Grün und der dritte - auf Blau.

Schritt 3

Wenn Sie ein Bild im Hintergrund platzieren möchten, reduzieren Sie zunächst seine Größe, sodass es sowohl horizontal als auch vertikal eine Auflösung von weniger als 320 (einschließlich) hat. Speichern Sie es als neue Datei, um das Original nicht zu beschädigen. Bitte verwenden Sie das JPG-, PNG- oder GIF-Format. Stellen Sie sicher, dass die Datei weniger als 100 Kilobyte groß ist – dies wird schneller heruntergeladen. Beachten Sie, dass mobile Browser stattdessen möglicherweise immer noch einen einfarbigen Hintergrund anzeigen.

Schritt 4

Legen Sie die Bilddatei über die Webschnittstelle oder einen Software-FTP-Client im Serverordner ab, in dem sich die zu bearbeitende HTML-Datei befindet.

Schritt 5

Anstelle der Variablen bkcolor fügen Sie dem Tag die Hintergrundvariable mit einem Argument als Namen der Bilddatei hinzu. Jetzt sieht es so aus: wobei fon

Schritt 6

Laden Sie die aktualisierte HTML-Datei auf den Server hoch. Öffnen Sie es in einem Browser. Stellen Sie sicher, dass der Hintergrund richtig angezeigt wird. Wenn sich ein Bild darauf befindet, wird es sowohl horizontal als auch vertikal wiederholt und füllt den gesamten Platz auf der Seite aus. Prüfen Sie, wie gut der Text auf dem neuen Hintergrund in verschiedenen Browsern gelesen wird. Verwenden Sie bei Bedarf eine andere Farb- oder Grafikdatei.

Empfohlen: