Tutorial HTML, CSS u. PHP - Forum

[Aysun]

Hallo zusammen,

ich bin auf der Seite 96 ebook von html-seminar. Ich möchte gerne das Bild html-seminar.jpg in meiner html Seite (bei mir index.htm) einfügen. Es
geht aber nicht, es kommt immer wieder ein kästchen mit X im Browser raus.

ich gebe doch wie beschrieben folgende Befehle :
<img src="http://html-seminar.de/html-seminar.jpg"/>

was mache ich hier immer wieder falsch? das heruntergelade Bild ist auf jedenfall mit jpg gespeichert. Kann jemand mir kurz erklären, wie kann ich dieses Bild in meiner Seite sehen?

Danke schön und LG
Aysun

[lauras]

Hallo Aysun!

Das Problem ist, dass du mit http:// am Anfang auf ein Bild im Internet verlinkst, in deinem Beispiel also auf folgendes: http://www.html-seminar.de/html-seminar.jpg. Wenn man mal draufklickt sieht man, dass das Bild nicht existiert. Du müsstest also auf das Bild auf deinem Desktop verlinken.

Dazu kannst du entweder komplette Pfadangaben verwenden, was allerdings nicht unbedingt zu empfehlen ist, wenn man mal einen Ordner verschieben will oder so.

Die Alternative sind relative Pfadangaben, also relativ zur HTML-Datei. Wenn dein Bild html-seminar.jpg also im gleichen Ordner wie deine HTML-Datei liegt, dann kannst du einfach folgendes benutzen:

Code: Alles auswählen

<img src="html-seminar.jpg"/>

Einen Ordner zurück in der Ordnerstruktur würdest du mit ../ gehen, wenn du im gleichen Ordner wie deine HTML z.B. einen Ordner images hast, wo das Bild drinliegt, dann verlinkst du mit src="images/html-seminar.jpg".

Gruß
Laura

PS: Bitte nicht das alt-Attribut bei Bildern vergessen, später ;) Gleich richtig angewöhnen hilft, aber das nur als Tipp