Bild einfügen

#1
Hallo leute,
ich habe ein einfaches problem. Ich schreibe im Notepad++ HTML. Nun möchte ich ein Bild hinzufügen, aber ich kriegs nicht hin, unten ist der code, ich denke der fehler liegt am pfad den ich bei scr angegeben habe.

Das Bild liegt hier C:\images\test.jpg

was mache ich falsch?
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Using Image in Webpage</title>
</head>
<body>
<p>Simple Image Insert</p>
<img src="C:\images\test.jpg" alt="Test Image" />
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:

Parantatatam

mag Cookies & Kekse
#2
Wie lässt Du Dir denn das HTML-Dokument anzeigen? Lokal oder über einen Server?
 

Parantatatam

mag Cookies & Kekse
#4
Dann musst Du es wie folgt schreiben:
HTML:
<img src="file:///C:\images\test.jpg" alt="test image" />
Wenn das nicht gehen sollte, dann musst Du entweder eins von den drei Slashes am Anfang entfernen und/oder die Backslashes durch Slashes ersetzen.
 

SpiceLab

ZENmechanic
Premium-User
#6
das hat leider nicht funktioniert
Sollte es aber, wenn alle Tipps beachtet wurden, und sich kein Fehler eingeschlichen hat.

Der Code von @einfach nur crack funktioniert grundsätzlich gleichermaßen, wie auch diese Schreibweise mit Slashes anstatt Backslashes:
HTML:
<img src="file:///C:/images/test.jpg" alt="Test Image" />
Anmerkung: Sofern die Seite nicht nur zu lokalen Zwecken dient, empfehlen wir dir, direkt von Beginn an mit webtypischen URIs zu arbeiten, denn ein Laufwerk "C" u.ä. existiert auf dem Webserver nicht, womit die Bilddatei unter diesem spezifischen (System)Pfad file:///C:... nicht mehr gefunden wird.

Bitte lesen: http://wiki.selfhtml.org/wiki/HTML/Links/Referenzieren_in_HTML
[edit]Tipp-Ex[/edit]
 
Zuletzt bearbeitet:
#7
Hilfreich wäre die Information was du insgesamt vor hast. Wenn es sich um eine lokale HTML Seite handeln soll die du anschließend online stellen willst empfiehlt es sich die Ressourcen (Bilder, Videos, etc.) in einer Struktur bei der HTML Datei abzulegen (Bsp.: Deine HTML Datei liegt im Verzeichnis "C:/HTML-Projekt/" dort legst du ein Unterverzeichnis für die Bilder an z.B. "C:/HTML-Projekt/images/" und kopierst dort alle Bilder rein die du für deine Seite brauchst.). Dann kannst du in der HTML Datei mit relativen Pfaden arbeiten.
HTML:
<img src="images/Beispiel.jpg" />
Wenn du deine Webseite dann auf einen FTP lädst musst du am Code nichts anpassen.
 
Zuletzt bearbeitet:

SpiceLab

ZENmechanic
Premium-User
#8
Hilfreich wäre die Information was du insgesamt vor hast. Wenn es sich um eine lokale HTML Seite handeln soll die du anschließend online stellen willst empfiehlt es sich die Ressourcen (Bilder, Videos, etc.) in einer Struktur bei der HTML Datei abzulegen (Bsp.: Deine HTML Datei liegt im Verzeichnis "C:/HTML-Projekt/" dort legst du ein Unterverzeichnis für die Bilder an z.B. "C:/HTML-Projekt/images/" und kopierst dort alle Bilder rein die du für deine Seite brauchst.). Dann kannst du in der HTML Datei mit relativen Pfaden arbeiten.
HTML:
<img src="images/Beispiel.jpg" />
Wenn du deine Webseite dann auf einen FTP lädst musst du am Code nichts anpassen.
Mein Reden :cool:
Anmerkung: Sofern die Seite nicht nur zu lokalen Zwecken dient, empfehlen wir dir, direkt von Beginn an mit webtypischen URIs zu arbeiten, denn ein Laufwerk "C" u.ä. existiert auf dem Webserver nicht, womit die Bilddatei unter diesem spezifischen (System)Pfad file:///C:... nicht mehr gefunden wird.

Bitte lesen: http://wiki.selfhtml.org/wiki/HTML/Links/Referenzieren_in_HTML
[edit]Tipp-Ex[/edit]