Bilder referenzieren

Todd1

Ich habe eine Seite erstellt und will ein Foto einbinden aber es wird nicht angezeigt. die Seite ist in Unterordner von Programme (86x) und das Bild ist im Unterordner von Dokumente.Ich benutze Windows8. Hier der Code

HTML

<!DOCTYPE html>
<html>
<head>
<title>Schwarzwald</title>
</head>
<body>




<h1>Der Schwarzwald</h1>
<img src=“..\..\..\Dokumente\Fotos\Foto1.jpg“ alt="Foto"  width="320" height="320">
</body>
</html>

Alles anzeigen

Dann habe ich Das Bild in den Unterordner von Der Seite gepackt , aber auch dann wird das Bild nicht angezeigt.

HTML

<!DOCTYPE html>
<html>
<head>
<title>Schwarzwald</title>
</head>
<body>




<h1>Der Schwarzwald</h1>
<img src=“Foto1.jpg“ alt="Foto"  width="320" height="320">
</body>
</html>

Alles anzeigen

Weiss jemand wo der Fehler ist?

Arne Drews

Hallo,

Sicher, dass Pfad und Bezeichnung stimmen?
Bei mir unter Windows 10 funktioniert das jedenfalls...

Gruß Arne

Gastl

Sorry, aber das glaube ich dir nicht. Nicht den Quellcode lesen und sagen das klappt garantiert, weil da kein Fehler zu entdecken ist. Kopiere den Quellcode mal 1:1 und führe ihn aus. Ich habe es auch unter Windows10 prof gemacht. Es wird kein Bild angezeigt, sondern nur der alt-Text. Und der Fehler liegt in den schrägen Anführungszeichen um die Bildreferenz.

Schreibt mal src="Foto1.jpg" statt src=“Foto1.jpg“

MfG

Arne Drews

Stimmt, das ist mir gar nicht aufgefallen.
Habe das schnell selbst getippert, anstatt zu kopieren, daher hat es bei mir geklappt.

Todd1

Aso wenn ich das Bild in denselben Ordner packe , dann geht es. Aber wenn ich über verschiedene vrzeichnisse gehen muss, dass nicht, Muss wohl an der Pfadangabe liegen.Natürlich "Foto.jpg":-)

Gastl

Dann referenzierst du das Bild nicht richtig.
In HTML schreibt man eigentlich nicht \Foto sondern /Foto, wobei beides bei den meisten Browsern funktioniert.
Liegt das Bild im selben Ordner: <img src="Foto.jpg">
Liegt das Bild in einem übergeordnetem Ordner: <img src="../Foto.jpg">
Liegt das Bild in einem parallelem Ordner: <img src="../Bilder/Foto.jpg">
Und denke an deine Anführungszeichen.

Arne Drews

Zitat

In HTML schreibt man eigentlich nicht \Foto sondern /Foto, wobei beides bei den meisten Browsern funktioniert.

Nicht ganz.
Das ist OS- und nicht Browser abhängig. Allerdings erkennt Windows den Slash mittlerweile auch als Verzeichnistrenner, so dass dies die standardisierte Wahl ist.

Gastl

Wenn das ein Zitat sein sollte, ist es falsch
Nachtrag: OS-Abhängigkeit, okay. Unter Windows und Debian ist es gleich und funktioniert beides.

Arne Drews

Zitat von Gastl

Wenn das ein Zitat sein sollte, ist es falsch
Nachtrag: OS-Abhängigkeit, okay. Unter Windows und Debian ist es gleich und funktioniert beides.

Dagegen habe ich nichts gesagt. Natürlich funktioniert beides! Ich wollte nur darauf hinweisen, dass es nicht Browser, sondern OS abhängig ist.
Soll heißen: Völlig egal, welchen Browser der Welt Du verwendest, Slash funktioniert auf allen OS.
Nur Windows verwendet für Pfadangaben den Backslash und kann daher in exotischen Anwendungsfällen den Slash schon mal falsch interpretieren, was zugegebener Weise mit einer Wahrscheinlichkeit gegen 0 in modernen Systemen nicht vorkommt!

Dennoch hat der Browser nichts mit dem Slash oder Backslash zu tun, das verarbeitet das darunterliegende OS und das war schon immer so...

Gastl

Ist schon okay, ich hatte es verstanden
MfG

Todd1

Parallerer Ordner?! Ich dachte , es gebe nur unter und übergeordnete Ordner:?

Gastl

Naja, dann sag mir wie du das bezeichnen würdest?
Du hast deinen Ordner der heißt "Homepage". Darin befinden sich zwei Ordner, 1x "web" und 1x "pics". Beide liegen also nebeneinander -> parallel im gleichen Ordner Homepage. Oder?
Du bist dran.

Todd1

ok kapiert

Tags