kann kein Bild in HTML 5 einfügen bzw. HTML erkennt mein Bild nicht

  • Hallo miteinander
    Ich hoffe wirklich ihr könnt mir helfen.
    Ich habe das Problem schon seit gestern und es lässt sich lustigerweise nicht lösen.
    Immer wenn ich versuche, in meinem HTML Datei ein Bild hinzufügen
    <img src= "img/beispiel.jpg" alt="Beispielsfoto" /> erkennt er mein Bild nicht.
    Ich habe es schon mit ../ vor dem img versucht und habe sogar einmal den Standort geändert, doch all dies funktioniert nicht.


    Wisst ihr woran das liegt oder bzw. was ich dagegen machen kann?


    Lieber Gruss
    neverbesuccessfull

  • Es gibt nur 2 Dinge die da jetzt schieflaufen können:


    Schreibweise: Hast du auf Groß-/Kleinschreibung geachtet? Hast du die richtige Endung gewählt? .jpg/.jpeg?


    Pfad: Hast du den richtigen Pfad gewählt? Versuche mal das Bild ins selbe Verzeichnis wie die HTML Datei zu packen und schau ob es so klappt.


    Was sagt die Konsole? Schau mal hier unter dem Punkt 3 Javascript. In der Konsole gibt es einen Reiter der heißt Netz oder Netzwerk oder ähnlich, wenn eine Datei nicht geladen werden kann, findest du da eventuell Informationen dazu.

  • <img src= "img/beispiel.jpg" alt="Beispielsfoto" /> ist falsch --> <img src= "img/beispiel.jpg" alt="Beispielsfoto"> ist richtig Das Slash wir beim Einfügen von Bildern nicht benötigt.


    Du musst entweder den kompletten Pfad angeben, das sieht dann z.B. so aus C:\Users\Acer\Desktop\Dokumente\Webseite\beispiel.jpg, oder du gibst davor .\\ an wenn das Bild sich im selben Ordner wie sich die HTML-Datei befindet z.B. .\\beispiel.jpg.



    PS: Wenn das immer noch nicht hilft benutze einen anderen Browser.

  • Das stimmt so nicht ganz.


    In HTML 5 kann man Void Elemente auch mit Slash schreiben:


    HTML
    <br> <!-- okay -->
    <br /> <!-- auch okay -->


    In XHTML ist nur die zweite Variante legitim, da XHTML auf XML basiert und XML das NET(Null End Tag) Feature von SGML (Standard Generalized Markup Language) geerbt hat. Es gibt z. B. auch XHTML5. Kommt also auch auf den Doctype an.


    Der Punkt ist bei relativen Pfadangaben, die auf Dateien zeigen, nicht nötig:


    HTML
    <img src="./bild.jpg">
    <img src="bild.jpg"> <!-- identische Interpretation -->


    5.1. Normal Examples


    Code
    [...]
    g          = <URL:http://a/b/c/g>
    ./g        = <URL:http://a/b/c/g>

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!