Html/CSS Website Bild einfügen?

2 Antworten

regex9
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
HTML, Webseite, Informatik
19.05.2023, 23:52

Dafür kann es viele verschiedene Ursachen geben.

1) Prüfe zuerst einmal, ob du das src-Attribut richtig geschrieben hast und ob der dazugehörige Dateipfad korrekt ist. Die Groß-/Kleinschreibung ist von Relevanz und für den Dateinamen ebenso die korrekte Dateiendung. Aktiviere für dein Betriebssystem die Anzeige von Dateierweiterungen (falls deaktiviert) oder öffne im Dateiexplorer die Dateieigenschaften und schau nach, welcher Dateiname dort angegeben wird.

Bezüglich des Pfades hast du zwei Optionen. Entweder du gibst einen absoluten Dateipfad an, wie in diesem Beispiel:

<img alt="Some description ..." src="C:\Users\someuser\Documents\image.jpg">

oder du verwendest einen relativen Pfad, der also vom Ablageort deiner HTML-Datei ausgeht. Wenn die Bilddatei (ich nenne sie image.jpg) im selben Verzeichnis liegt, würde der Tag folgendermaßen aussehen:

<img alt="Some description ..." src="image.jpg">

Wenn sie in einem Unterverzeichnis (z.B. mit dem Namen images) liegt, dann so:

<img alt="Some description ..." src="images/image.jpg">

Ein relativer Pfad hat gegenüber absoluten Pfaden den Vorteil, dass das Projekt einfacher verschoben werden kann, ohne dass anschließend Pfade angepasst werden müssen. Das ist nur nötigen, wenn die grundsätzliche Struktur verändert wird.

2) Der Browser speichert sich Daten auch mal zwischen. Lade die Webseite mit Ctrl + F5 (Neuladen ohne Browsercache) einmal komplett neu.

3) Es kann auch vorkommen, dass der Browser keine Leseberechtigungen für die Datei hat. Im einfachsten Fall verschiebst du sie einfach in den Ordner, in dem auch die HTML-Datei liegt.
NackterGerd
20.05.2023, 02:16
  • Richtiger Dateiname
  • Richtige Dateiendung
  • Richtiger Pfad
  • Tippfehler
  • Großkleinbuchstaben verwechselt
  • ...

Kann viele Ursachen haben.