Bilder in Html einbinden

In die „src“ beim „img“ Tag ist es möglich relative Pfadangaben anzugeben z.B mit: “../../meine-datei.html

Wenn der Bildordner über dem Ordner mit der „index.html“ liegt, müssen wir mit „../“ in den übergeordneten Ordern wechseln z.B so: Unsere index.html „html-dokumente“ Ordner. Das Bild jedoch befindet sich im HTML-Code Ordner, eine Hierarchie über dem „html-dokumente“ Ordner.
Deshalb einen Ordner nach oben springen wir mit „../“ in den übergeordneten Ordner, geben dann den Bildname in die „src“ als Pfad an.
Wäre das Bild noch weiter Oben in der Hierarchie müssten wir im Pfad nochmal „../“ angeben. „../../grafik.jpg“.

Die zwei Punkte vor der Bilddatei stehen für die Ordner, die übergeordnet davor kommen. Absolute Pfade funktionieren nur auf einem Webserver, ausgehend von seinem Startverzeichni, 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.