Bilder in Html einbinden

In die „src“ beim „img“ Tag ist es möglich relative Pfadangaben anzugeben z.B mit: “../../meine-datei.html
Im ersten “../”, das für einen beliebigen Ordner steht, vor meine-datei.html, befindet sich “meine-datei.html. Im zweiten Ordner “../” nach dem ersten “../”, befindet sich der erste Ordner, indem sich meine-datei.html befindet. Im Ordner3 befindet sich das Bild zu dem du einen Link erstellen willst.

../../meine-datei.html
ordner3/ordner2/ordner1/meine-datei.html
ordner3/bild.jpg

Es geht noch Besser!

Vergiss den ganzen hochdeutschen Quatsch oben!

Mache dir das Leben einfach, sehe das “../” als Rausgehen aus einem Ordner. Gehe solange aus dem Ordner raus, bis du im Ordner mit der Datei bist.

Absolute Pfade funktionieren nur auf einem Webserver ( [local] Wamp,Xampp etc.), ausgehend von seinem Startverzeichnis, das für den Server festgelegt wurde.
Das Zeichen fürs Serverhauptverzeichnis ist „/“, dann folgt der Ordnerpfad bis zur Datei: z.B „Hauptverzeichnis/Ordner/Ordner/mein_bild.jpg“

Und vergesse nie die Eigenschaft alt=““ mit der Beschreibung des Bildes einzufügen. Welche das Bild benennt und den Namen anzeigt, falls das Bild mal nicht geladen wurde.
Ein „img“ Tag ist auch nur dann Valide, wenn es ein „alt“ Attribut hat.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Please reload

Please Wait