Ein Hintergrund Bild in HTML einfügen

PDF herunterladen
unter Mitarbeit von wikiHow Staff

PDF herunterladen

Wenn du ein Bild auf einer Webseite einfügen musst, ist alles, was du brauchst: HTML. Wenn du ein Bild als Hintergrund für eine Webseite einstellen möchtest, musst du HTML und CSS einsetzen. HTML steht für Hypertext Markup Language. Der HTML-Code gibt dem Browser an, was er auf einer Webseite anzeigen soll. [1] CSS steht für Cascading Style Sheets und hiermit wird das Aussehen und Layout einer Webseite geändert. [2] Du brauchst ein Bild, das du als Hintergrund für deine Webseite nutzen möchtest.

Teil 1
Teil 1 von 4:

Deine Dateien einrichten

PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ef\/2627945-1-2.jpg\/v4-460px-2627945-1-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ef\/2627945-1-2.jpg\/v4-728px-2627945-1-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Der Name des Ordners sollte den Inhalt beschreiben, so dass du ihn später leicht wieder finden kannst.
    • Du kannst dem Ordner einen beliebigen Namen geben, aber wenn du mit HTML arbeitest, benennst du die Dateien und Ordner am besten mit kurzen, einfachen Wörtern, die du dem Inhalt zuordnen kannst.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ef\/2627945-2-2.jpg\/v4-460px-2627945-2-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ef\/2627945-2-2.jpg\/v4-728px-2627945-2-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Speichere das Bild, das du als Hintergrund verwenden möchtest, im HTML-Ordner.
    • Wenn du dir nicht zu viele Gedanken darum machst sicherzustellen, dass deine Webseite auf älteren Geräten mit einer langsamen Internetverbindung gut läuft, solltest du mit einem hochauflösenden Bild als Hintergrund auf der sicheren Seite sein. Einfache Bilder mit hellen, sich wiederholenden Mustern, damit du den Text darauf gut lesen kannst, sind ebenfalls eine gute Wahl für einen Hintergrund.
    • Wenn du kein Bild hast, kannst du ein kostenloses Hintergrundbild herunterladen. Wenn du ein Bild herunterlädst, lege es im erstellten HTML-Ordner ab.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/22\/2627945-3-2.jpg\/v4-460px-2627945-3-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/22\/2627945-3-2.jpg\/v4-728px-2627945-3-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Du kannst eine HTML-Datei mit einem einfachen Texteditor wie bspw. NotePad (Windows) oder TextEdit (Mac) erstellen. Du kannst auch einen WYSIWYG (What You See Is What You Get) HTML-Editor wie Adobe Dreamweaver nutzen.
    • Wenn du einen WYSIWYG-Editor nutzt, dann klicke auf die Option zum Öffnen einer neuen HTML-Datei auf der Startseite.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/93\/2627945-4-2.jpg\/v4-460px-2627945-4-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/93\/2627945-4-2.jpg\/v4-728px-2627945-4-2.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/72\/2627945-5-2.jpg\/v4-460px-2627945-5-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/72\/2627945-5-2.jpg\/v4-728px-2627945-5-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Klicke auf einem PC im Dropdown-Menü auf Speichern als und auf einem Mac auf Speichern .
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1a\/2627945-6-2.jpg\/v4-460px-2627945-6-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1a\/2627945-6-2.jpg\/v4-728px-2627945-6-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Im Allgemeinen wird die erste Seite einer Webseite "index" genannt, aber du kannst ihr einen beliebigen Namen geben. Tippe den Namen der Datei in das Textfeld "Dateiname" ein.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f3\/2627945-7-2.jpg\/v4-460px-2627945-7-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f3\/2627945-7-2.jpg\/v4-728px-2627945-7-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Wenn du einen WYSIWYG-Editor nutzt, musst du die Datei nur speichern. Wenn du NotePad oder TextEdit nutzt, dann gehe so vor, um die Datei im HTML-Format zu speichern.
    • Notepad: Ersetze die Dateiendung ".txt" am Ende des Dateinamens durch ".html".
    • TextEdit: Wähle im Dropdown-Menü "Dateiformat" die Option Webseite (.html) .
  8. 8
    Klicke unten rechts im Fenster auf Speichern . Das Textdokument wird jetzt als HTML-Dokument gespeichert.
    Werbeanzeige
Teil 2
Teil 2 von 4:

Die HTML-Datei schreiben

PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/22\/2627945-8-2.jpg\/v4-460px-2627945-8-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/22\/2627945-8-2.jpg\/v4-728px-2627945-8-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    HTML-Code besteht aus öffnenden und schließenden Tags. Jede gut geschriebene HTML-Seite sollte mit <!DOCTYPE html> beginnen. Dies gibt dem Browser an, dass es sich bei diesem Dokument um eine HTML-Datei handelt.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2b\/2627945-9-2.jpg\/v4-460px-2627945-9-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2b\/2627945-9-2.jpg\/v4-728px-2627945-9-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dies ist der öffnende Tag deines HTML-Codes, er gibt dem Browser an, dass dein HTML-Code hier beginnt.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e4\/2627945-10-2.jpg\/v4-460px-2627945-10-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e4\/2627945-10-2.jpg\/v4-728px-2627945-10-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dies ist der öffnende Tag für den Header des HTML-Dokuments. Der Header enthält Metadaten, die nicht im Browser angezeigt werden. Dieser enthält Informationen wie den Seitentitel, aber auch die Cascading Style Sheets (CSS), welche die Darstellung des HTML-Codes bestimmen.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b5\/2627945-11-2.jpg\/v4-460px-2627945-11-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b5\/2627945-11-2.jpg\/v4-728px-2627945-11-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dies ist der HTML-Code, der den Titel deiner Webseite enthält. Der "<title>" Tag ist der öffnende Tag des Seitentitels der HTML-Seite. Der Tag "</title>" ist der schließende Tag. Ersetze den Text "Seitentitel" durch einen beliebigen Titel für deine HTML-Seite. Dieser Text wird oben im Browser im Browser-Tab angezeigt.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ab\/2627945-12-2.jpg\/v4-460px-2627945-12-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ab\/2627945-12-2.jpg\/v4-728px-2627945-12-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dies ist der Tag, der den Header deines HTML-Dokuments schließt. Wenn du andere Daten oder Style Sheets für dein HTML-Dokument mit aufnehmen möchtest, dann schreibe sie nach dem öffnenden "<head>" Tag und vor dem schließenden "</head>" Tag.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/55\/2627945-13-2.jpg\/v4-460px-2627945-13-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/55\/2627945-13-2.jpg\/v4-728px-2627945-13-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dies ist der öffnende Tag für den Body deines HTML-Dokuments. In den Body kommen alle visuellen Elemente deiner Webseite. Dazu gehören Text, Bilder, Buttons und andere Elemente, die auf der Seite zu sehen sind.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/36\/2627945-14-2.jpg\/v4-460px-2627945-14-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/36\/2627945-14-2.jpg\/v4-728px-2627945-14-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dies ist der HTML-Tag zum Einfügen des Hintergrundbilds auf deiner Webseite. Ersetze "[image url]" durch die aktuelle URL des gewünschten Bilds. Dies kann ein Bild auf einem Server im Internet sein oder eines, das du lokal auf deinem Computer abgelegt hast. [3]
    • Alternativ kannst du CSS nutzen , um ein Hintergrundbild einzurichten.
    • Wenn du einen Dateinamen ohne Dateipfad oder URL angibst (bspw. background-image: url("background.png"); ), sucht der Browser im Ordner der Webseite nach der angegebenen Datei. Wenn sich die Datei in einem anderen Ordner in deinem Dateisystem befindet, musst du den kompletten Pfad auf die Datei angeben.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/06\/2627945-15-2.jpg\/v4-460px-2627945-15-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/06\/2627945-15-2.jpg\/v4-728px-2627945-15-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Wenn du ein anderes HTML-Element auf deiner Webseite haben möchtest, bspw. Text, Bilder , Videos, Links, Buttons etc., dann gib sie im "Body" Bereich des HTML-Dokuments an.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/63\/2627945-16-2.jpg\/v4-460px-2627945-16-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/63\/2627945-16-2.jpg\/v4-728px-2627945-16-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dieser Tag schließt den Body deines HTML-Dokuments. Wenn du mit dem Hinzufügen aller HTML-Elemente, die du auf deiner Seite haben möchtest, fertig bist, dann tippe diesen Tag in die letzte Zeile.
  10. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a4\/2627945-17-2.jpg\/v4-460px-2627945-17-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a4\/2627945-17-2.jpg\/v4-728px-2627945-17-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dies ist der Tag, mit dem das gesamte HTML-Dokument abgeschlossen wird. Tippe diesen Tag in die letzte Zeile ein.
  11. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6a\/2627945-18-2.jpg\/v4-460px-2627945-18-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6a\/2627945-18-2.jpg\/v4-728px-2627945-18-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Wenn du mit allem fertig bist, klicke zum Speichern deiner Arbeit auf Datei und dann auf Speichern . Das gesamte HTML-Dokument sollte etwa so aussehen: 
       <!DOCTYPE html> 
 < 
 html 
 > 
 < 
 head 
 > 
 < 
 title 
 > 
Seitentitel </ 
 title 
 > 
 </ 
 head 
 > 
 < 
 body 
 > 
 < 
 div 
 style 
 = 
 "background-image: url('https://www.website.com/images/image_background.jpg');" 
 > 
 </ 
 body 
 > 
 </ 
 html 
 >
    Werbeanzeige
Teil 3
Teil 3 von 4:

Mit CSS

PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b1\/2627945-19-2.jpg\/v4-460px-2627945-19-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b1\/2627945-19-2.jpg\/v4-728px-2627945-19-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Verwende die in Methode 2 beschriebenen Schritte, um ein HTML-Dokument zu schreiben. Dein HTML-Dokument sollte einen öffnenden und schließenden HTML-Tag, einen öffnenden und schließenden Header-Tag und einen öffnenden und schließenden Body-Tag enthalten. Du musst nicht den HTML-Tag zum Einfügen eines Hintergrundbilds hinzufügen. In diesem Teil zeigen wir dir, wie du ein Hintergrundbild mit CSS anstelle von HTML einrichtest.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2d\/2627945-20-2.jpg\/v4-460px-2627945-20-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2d\/2627945-20-2.jpg\/v4-728px-2627945-20-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dies ist der öffnende Tag für Cascading Style Sheets (CSS). Dieser Tag kommt oft nach dem "<head>" Tag und vor dem "</head>" Tag.
    • Alternativ kannst du deine CSS in einer separaten CSS-Datei erstellen und sie mit deinem HTML-Dokument verknüpfen.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b9\/2627945-21-2.jpg\/v4-460px-2627945-21-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b9\/2627945-21-2.jpg\/v4-728px-2627945-21-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dies ist die Eröffnung des CSS-Codes, der den Body deines HMTL-Dokuments formatiert.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/91\/2627945-22-2.jpg\/v4-460px-2627945-22-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/91\/2627945-22-2.jpg\/v4-728px-2627945-22-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Diese Zeile gibt das zu verwendende Hintergrundbild an. Ersetze den Text "[image url]" durch die URL des Bilds, das du als Hintergrund haben möchtest.
    • Wenn du einen Dateinamen ohne Dateipfad oder URL angibst (bspw. background-image: url("background.png"); ), sucht der Browser im Ordner der Webseite nach dem angegebenen Bild. Wenn sich die Datei in einem anderen Ordner in deinem Dateisystem befindet, musst du den vollen Pfad auf die Datei angeben.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/42\/2627945-23-2.jpg\/v4-460px-2627945-23-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/42\/2627945-23-2.jpg\/v4-728px-2627945-23-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Diese Zeile gibt dem Browser an, dass das Bild einmal angezeigt werden soll, statt immer wieder wiederholt zu werden.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/db\/2627945-24-2.jpg\/v4-460px-2627945-24-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/db\/2627945-24-2.jpg\/v4-728px-2627945-24-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Diese gibt dem Browser an, dass der komplette Hintergrund mit dem Bild bedeckt werden soll.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/be\/2627945-25-2.jpg\/v4-460px-2627945-25-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/be\/2627945-25-2.jpg\/v4-728px-2627945-25-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Wenn du andere CSS-Zeilen mit aufnehmen möchtest, die den Body deines HTML-Dokuments betreffen, dann gib sie jetzt an. Tippe "}" in die letzte Zeile des "Body"-Bereichs deines CSS-Codes ein, um den Body zu schließen.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c5\/2627945-26-2.jpg\/v4-460px-2627945-26-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c5\/2627945-26-2.jpg\/v4-728px-2627945-26-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Wenn du alles an CSS eingegeben hast, was du angeben wolltest, dann tippe am Ende "</style>" ein. Dieser Tag schließt dein CSS.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/06\/2627945-27-2.jpg\/v4-460px-2627945-27-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/06\/2627945-27-2.jpg\/v4-728px-2627945-27-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Wenn du mit allem fertig bist, klicke zum Speichern deiner Arbeit auf Datei und dann auf Speichern . Das gesamte HTML-Dokument sollte etwa so aussehen: 
       <!DOCTYPE html> 
 < 
 html 
 > 
 < 
 head 
 > 
 < 
 title 
 > 
Seitentitel </ 
 title 
 > 
 < 
 style 
 > 
 body 
 { 
 background-image 
 : 
 url 
 ( 
 "https://www.website.com/images/image_background.jpg" 
 ); 
 background-repeat 
 : 
 no-repeat 
 ; 
 background-size 
 : 
 cover 
 ; 
 } 
 </ 
 style 
 > 
 </ 
 head 
 > 
 < 
 body 
 > 
 </ 
 body 
 > 
 </ 
 html 
 >
    Werbeanzeige
Teil 4
Teil 4 von 4:

Die HTML-Datei überprüfen

PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3b\/2627945-28-2.jpg\/v4-460px-2627945-28-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3b\/2627945-28-2.jpg\/v4-728px-2627945-28-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dies blendet ein Pop-up mit einem Kontextmenü rechts daneben ein.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/4d\/2627945-29-2.jpg\/v4-460px-2627945-29-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4d\/2627945-29-2.jpg\/v4-728px-2627945-29-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dies zeigt eine Reihe Apps an, mit denen du die HTML-Datei öffnen kannst.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/66\/2627945-30-2.jpg\/v4-460px-2627945-30-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/66\/2627945-30-2.jpg\/v4-728px-2627945-30-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Du kannst die HTML-Datei in jedem Browser öffnen.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/db\/2627945-31-2.jpg\/v4-460px-2627945-31-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/db\/2627945-31-2.jpg\/v4-728px-2627945-31-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Wirf einen Blick auf die Seite und vergewissere dich, dass alles richtig aussieht.
    • Wenn sich der Browser öffnet und du das Bild nicht siehst, dann vergewissere dich im Editor, dass der Dateiname in der index.html richtig geschrieben ist.
    • Wenn sich der Browser öffnet und du anstelle des Hintergrundbilds HTML-Code siehst, kann es sein, dass die HTML-Datei als .txt oder .rtf Datei gespeichert wurde, statt als HTML-Dokument. Versuche es mit dem Bearbeiten der HTML-Datei in einem anderen Texteditor.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/63\/2627945-32-2.jpg\/v4-460px-2627945-32-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/63\/2627945-32-2.jpg\/v4-728px-2627945-32-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Bringe den Cursor im Editor zwischen die Tags <body> und </body> und tippe dann Hello world! ein. Lade die Seite im Browser neu, um den Text auf dem Hintergrundbild zu sehen.
    Werbeanzeige

Verwandte wikiHows

Kommentare in HTML Code einfügen
HTM Dateien öffnen
Eine Webseite mit einfachem HTML hacken
Eine einfache Webseite mit HTML gestalten
Die Farbe einer Schaltfläche in HTML ändern
Einen E mail Link in HTML erstellen
HTML Dateien bearbeiten
Ein Dropdown Menü mit HTML und CSS erstellen
Bilder mit HTML einfügen
Text in HTML zentrieren
Text in HTML blinken lassen
Einen Download Knopf auf einer Webseite erstellen
In HTML eine Linie einfügen
Mit HTML innerhalb von einer Seite verlinken
Werbeanzeige

Referenzen

  1. ↑ http://www.w3schools.com/html/html_intro.asp
  2. ↑ http://www.w3schools.com/css/css_intro.asp
  3. ↑ https://www.w3schools.com/html/html_images_background.asp

Über dieses wikiHow

In anderen Sprachen
Diese Seite wurde bisher 104.443 mal abgerufen.

War dieser Artikel hilfreich?

Werbeanzeige