Bild wird nicht angezeigt(HTML)?

... komplette Frage anzeigen

6 Antworten

ich habe grad mit HTML programmieren angefangen doch nun komme ich nicht weiter:

HTML ist keine Programmier sondern eine Auszeichnungssprache zum Strukturieren von Inhalten (Text und anderer/sonstiger multimedialer Content). De facto überhaupt nichts programmierst. ;) Aber das nur so nebenbei. 

So hab ich es eingegeben doch das Bild wird nicht angezeigt bzw. nur so ein kleines komisches Symbol().

Wenn du mit relativen Pfaden zu arbeiten möchtest, einen Verzeichnis für dein Projekt erstellt und dort sämtliche Dateien abspeicherst. Zur besseren Übersicht am besten gleich eine sinnvolle Verzeichnisstruktur anlegst. 

[project-dir]
- index.html
- [assets]
- - [img] > Images
- - [css] > Stylesheets
- - [js]  > JavaScript


[] = directory (Verzeichnis)

In deinem HTML-Dokument dann wie folgt darauf verweist:

<img src="assets/img/bild.jpg" />

LG medmonk  



Antwort bewerten Vielen Dank für Deine Bewertung

Wenn du das nicht von einem Server aufrufst sondern die Datei via Doppelklick so öffnest, musst du den VOLLSTÄNDIGEN Windows-Pfad angeben!! Also "C:/users/.../bild.png".

Antwort bewerten Vielen Dank für Deine Bewertung

Hast du einen Ordner verlingt? Oder ist es in dem Ordner wie die html Datei?

Antwort bewerten Vielen Dank für Deine Bewertung

mach das bild in den gleichen ordner wie die html datei dann ersparst du dir fehler beim verlinken... und sonst...hm vllt hast du dich bei befehl vertippt <img src="dateiname.jpg"> 

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von Sarfax2000
04.11.2016, 18:35

Danke!

Hab das Problem gelöst.

Ich dachte die Datei müsste auf dem Desktop sein und nicht in dem Ordner mit der html Datei!

1

Der Pfad wurde nicht richtig verlinkt, z. B. Dateiendung wie .jpg / .png vergessen usw... 

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von Sarfax2000
04.11.2016, 18:29


<img src="bild.png"/>

so hab ich es geschrieben

Es ist auf dem Desktop

0

<html>

<head><title>Test<title/>

<head/>

<body>

<img src="bild.png"/>

<body/>

<html/>

Antwort bewerten Vielen Dank für Deine Bewertung

Was möchtest Du wissen?