1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Bild einfügen

Dieses Thema im Forum "HTML & XHTML" wurde erstellt von sengul, 27. August 2015.

  1. sengul

    sengul Mitglied

    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:
    1. <!DOCTYPE html>
    2. <title>Using Image in Webpage</title>
    3. </head>
    4. <p>Simple Image Insert</p>
    5. <img src="C:\images\test.jpg" alt="Test Image" />
    6. </body>
    7. </html>
     
    Zuletzt von einem Moderator bearbeitet: 18. September 2015
  2. Parantatatam

    Parantatatam mag Cookies & Kekse

    Wie lässt Du Dir denn das HTML-Dokument anzeigen? Lokal oder über einen Server?
     
  3. sengul

    sengul Mitglied

    Ich lasse es lokal anzeigen
     
  4. Parantatatam

    Parantatatam mag Cookies & Kekse

    Dann musst Du es wie folgt schreiben:
    Code (HTML5):
    1. <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.
     
  5. sengul

    sengul Mitglied

    das hat leider nicht funktioniert
     
  6. SpiceLab

    SpiceLab ZENmechanic Premium-User

    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:
    Code (HTML5):
    1. <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: 27. August 2015
  7. rince1984

    rince1984 Mitglied

    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:
    1. <img src="images/Beispiel.jpg" />
    Wenn du deine Webseite dann auf einen FTP lädst musst du am Code nichts anpassen.
     
    Zuletzt bearbeitet: 31. August 2015
  8. SpiceLab

    SpiceLab ZENmechanic Premium-User

    Mein Reden :cool:
     
Die Seite wird geladen...