Bild einbinden - warum geht es nicht?

  • Hallo Leute,

    ich habe vor kruzem angefangen html zu lernen und bin jetzt gerade bei dem Punkt wie man Bilder einfügt.

    Ich benutze dazu Scriptly um den Code zu erstellen. Ich habe dann in Paint ein Bild gemalt und auf dem Desktop unter "Bild1" abgespeichert.

    Jetzt müsste ich ich im bodybereicht einfügen <img src="Bild1.jpg" />, doch wenn ich über F6 in die Vorschau gehe dann wird mir nur ein rotes X angezeigt.

    Habe ich evtl irgendwelche Einstellungen gemacht die verhindern dass ich Bilder anzeigen lassen kann? An was könnte das dann liegen? Ich habe hier
    mal den html-code kopiert, ist daran etwas falsch ?

    - - - Aktualisiert - - -

    Ok also ich habe es jetzt geschafft mir das Bild im Browser anzeigen zu lassen. Dazu habe ich den html-code abgespeichert und zusammen mit dem Bild in einen Ordner gepackt und dann ging es.

    Jetzt habe ich quasi gelernt das alle Dateien die für eine Webseite verwendet werden sollen im gleichen Ordner gespeichert sein müssen... hm... ich frage mich nur weshalb es nicht geht wenn die Bilddatei nicht im gleichen Ordner ist. Kann mir dass vielleicht mal jemand erklären

  • Achte bei dem Source (src) immer auf den richtigen Pfad. Wenn du eine Website erstellst dann mach das in folgender Ordnerstruktur:

    • Ordner mit Name der Homepage z.B. Projekt_01
    • in dem Ordner kommen dann die Unterordner wie z.B. ein Ordner für Bilder "img" ein Ordner für dein CSS Code "css" u.s.w.
    • Webfonts musst du nicht zwangsläufig auf deinem Rechner haben!!!

    Viel Erfolg!