HTML Code funktioniert nicht Bild wir mit Platzhalter ersetzt?
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>LIHI Haircuts</title>
</head>
<body>
<img src="/Bilder/Salon.jpg">
</body>
</html>
Das ist der Code bis jetzt und angezeigt wird mir nur ein Platzhalter. Ich haben einen Ordner namens "Haircut Seite" auf dem Desktop angelegt. Darin befindet sich die ".html" Datei und ein weiter Ordner Namens "Bilder", dort sind dann die Bilder die ich für die Website nutzen möchte. Die Bilder sind auch alle .jpg Dateien. Weiß jemand weiter ?
3 Antworten
Ändere
<img src="/Bilder/Salon.jpg">
zu
<img src="./Bilder/Salon.jpg">
Weil es ohne den Punkt ein absoluter Pfad ist. Ein absoluter Pfad beginnt immer im obersten Verzeichnis, das ist je nach Anwendung z.B. in Windows das C Laufwerk / die Festplatte oder der sog. "Document root" bei Webservern.
Entferne das erste / oder setze einen Punkt davor. Was bedeutet das?
Es gibt 2 Arten von Pfade:
- Relativ - Ausgehend vom aktuellen Verzeichnis und dann tiefer oder höher
- Absolut - startend von ganz oben und dann immer tiefer (Beispiel bei Windows, wenn ein Pfad mit C: anfängt, also mit dem Festplatten Buchstaben).
Was du benutzt ist ein absoluter Pfad. Gerade bei Systemen, sie Linux bekannt, wo absolute Pfade mit / anfangen. Was du aber meinst, ist ein relativer Pfad, da du vom aktuellen HTML Verzeichnis ausgehen willst. Dies kannst du erreichen, indem du das / entfernst, wodurch er dann direkt auf Datei/Ordner aus dem Verzeichnis geht oder du setzt einen Punkt. Punkt bedeutet, dass es sich um das aktuelle Verzeichnis handelt, von dem er starten soll. Zwei Punkte wären übrigens das Elternverzeichnis, als das darüber liegende Elternordner/Kindordner
Dieser "Platzhalter" wiest darauf hin, daß das Buld nicht angezeigt werden kann.
- Bild kann von Browser nicht gelesen werden
- Bild wurde umbenannt oder gelöscht
- Link stimmt nicht
Hat Funktioniert, vielen vielen dank. Gibt es einen Grund wieso es ohne den Punkt nicht Funktioniert ?