Visual Studio Code, Bild vom PC einfügen?

Moin!

Ich versuche gerade auf Ubuntu über Visual Studio Code ein Bild einzupflegen.

Den Pfad kopiere ich mir über einen Rechtsklick:

/home/nutzername/ordner/ordner/name.jpg

In die Datei trage ich ein:

<img src="home/nutzername/ordner/ordner/name.jpg" width="100" height="25" alt="text">

Angezeigt wird mir allerdings nur der "text".

Bilder aus dem Internet kann ich problemlos einpflegen. Mit dem relativen Pfad habe ich es auch probiert, das läuft aufs selbe hinaus. Den Pfad habe ich mit und ohne beginnendes "/" getestet. PNG-Bilder gehen auch nicht. Ohne Angabe der Maße und des Textes passiert auch nichts.

Kann mir jemand sagen, was ich übersehe?

Answer 1

[ohwehohach]

Es fehlt der führende "/". Ohne diesen wird erwartet, dass der Pfad relativ ist. Wenn es auch mit "/" nicht geht, dann liegt's eventuell an Rechten oder ähnlichem.

Und ich würde IMMER die Bilder in einen Ordner legen, der auf derselben Verzeichnisebene liegt, wie die HTML-Datei selbst, z.B. img. Also:

test.html
img/
    name.jpg
    anderesbild.png

Dann genügt nämlich

<img src="./img/name.jpg" .../> 

und Du kannst in einem Rutsch alles kopieren.

Und selbstverständlich solltest Du heutzutage das img-Tag korrekt schließen, also

<img ... />

anstatt

<img ...>

Comments

[LinuxWlanProb]

Nach dem Verschieben des Bildes funktioniert es nun, vielen Dank!