Warum funktioniert mein img Tag nicht (html)?

Ich habe grade angefangen html zu lernen,aber ich scheitere im Moment am Img src Tag oder wie das heißt.Wenn ich die codedatei im Browser öffne wird das Bild nicht angezeigt.Wenn ich mir den Quelltext anzeigen lasse sind die anderen Tags lila und das Bild Tag (Img) rot.Kann mir jemand helfen

Bild zum Beitrag

4 Antworten

WelliExperT

16.03.2018, 19:51

Bsp.:

Du musst die Anführungstriche austauschen, die genaue Quelle deines Bildes angeben und das Format anhängen (.jpg)

Krabat693

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik

16.03.2018, 19:30

Bei SRC= muss der Pfad zur Bilddatei hin. Inkl. Dateiendung.

Woher ich das weiß:Berufserfahrung – Administrator mit über 12 Jahren Berufserfahrung

Krabat693

16.03.2018, 19:55

außerdem kannst du das / am Ende einsparen da IMG tags keinen endtag brauchen

Krabat693

16.03.2018, 19:54

https://www.akademie.de/wissen/html-lernen-1-grundlagen/relative-pfade

Krabat693

16.03.2018, 19:53

tut mir leid aber das erste beispiel hat es mir wieder rausgeworfen da stand "./Bild.jpg" und nochmal der link weil der wohl auch nicht so recht funktioniert wie ich es wolltehttps://www.akademie.de/wissen/html-lernen-1-grundlagen/relative-pfadede

Krabat693

16.03.2018, 19:50

am besten funktionieren relative pfadangaben z.b.:

wenn die Datei im selben Ordner wie die HTML Datei liegt oder "./Bilder/Bild.jpg" wenn die Datei in einem unterordner namens Bilder liegt wenn die HTML Datei in einem Ordner namens HTML und die Bilder in einem Ordner namens Bilder liegen schreibst du "../Bilder/Bild.jpg" mehr dazu findest du hierhttps://www.akademie.de/wissen/html-lernen-1-grundlagen/relative-pfadede

Wildewutz372

Beitragsersteller

16.03.2018, 19:45

und wie sollte dieser Pfad aussehen?

Limearts

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik

16.03.2018, 19:41

' ' ist nicht ". Entweder ' oder " verwenden, aber nicht ' '.

Woher ich das weiß:Berufserfahrung – selbstständiger Dienstleister und Nerd

Limearts

16.03.2018, 19:48

Zudem fehlt mindestens die Dateiendung (ggf. auch der Pfad falls sie nicht im gleichen Verzeichnis liegt)

09005809000

16.03.2018, 19:31

Manche Browser tolerieren Klein/Großschreibung-Unterschiede nicht. Ob eine Dateiendung erforderlich ist, weiß ich nicht.

Krabat693

16.03.2018, 19:33

groß Kleinschreibung ist vom Webserver abhängig. wenn der unter Windows läuft ist gross klein egal und bei einem linuxserver eben nicht.

Ähnliche Beiträge

Wie kann ich meinen erstellten HTML-Quelltext im Browser anzeigen lassen?

...zum Beitrag

HTML und CSS Imagetag Unterschiede?

Warum nutze ich im HTML img Tag "src" und im CSS "url"?

Also die technischen Unterschiede verstehe ich, aber warum kann ich im CSS nicht mit SRC arbeiten, wo meine Bilddatei doch im Webspace liegt?

...zum Beitrag

Document.querySelector() auf?

Ich schreibe ein program, das mit einer url eine html Seite runterlädt. Auf der Seite ist ein img Tag mit einer ID und ich will das Element finden und das src Attribut auslesen. Quasi

let src = document.querySelector(“#myID“).getAttribute(“src“);

wie mache ich das am besten? Ich nutze NodeJS

...zum Beitrag

Wie öffne ich eine HTML-Datei im Webbrowser?

Wenn ich meine HTML datei im Browser öffnen will zeigt er mir nur der Quelltext an? Öffne ich die Datei falsch? Ich möchte das fertige nicht das andere

...zum Beitrag

Bild auf Website lädt nicht wegen CSP?

Hallo,

ich habe eine CSP bei NGINX eingerichtet und angepasst, es funktioniert alles, bis auf eine Sache, wenn ich data:image/... Bilder aufrufen möchte werden die von meiner CSP geblockt.

Refused to load the image 'data:image/svg+xml;base64,...' because it violates the following Content Security Policy directive: "img-src 'self' data".

Wie muss ich meine img-src CSP anpassen? Hier ist was ich habe:

img-src 'self' data;

Danke für alle Antworten im Voraus

...zum Beitrag

HTML Datei geht nicht zu öffnen?

Hi, ich war gerade am programmieren und habe versucht die html datei im Browser zu öffnen, habe das auch hinbekommen aber mir wird im browser nur das angezeigt mit <body> und so was habe ich da falsch gemacht?

...zum Beitrag

Bild als Quelltext zum offline anzeigen wie geht das?

...zum Beitrag

Firefox zeigt Bilder nicht an, die ich mit HTML eingefügt habe. Internetexplorer schon?

Moin! Ich arbeite grade an einer Website und was wäre eine Website ohne Bilder? Habe nun versucht ein Bild einzufügen, welches von Firefox aber nicht angezeigt wird. Es zeigt lediglich den Alternativtext. Internetexplorer wiederrum zeigt das Bild aber an. Code sieht wie folgt aus:

img src="C:/Users/[...]/Desktop/Working_files_Bootstrap/OfficePC.jpg" alt="OfficePC"

Habe < am Anfang und /> am Ende weggelassen, damit der Code nicht verschwindet

Natürlich mit dazugehörigem HTML Gerüst etc.

Weiß jemand, was da falsch läuft?

...zum Beitrag

HTML Datei jedoch ohne Bilder angekommen?

Ich habe eine HTML Datei versendet. Wenn ich diese in meinem Browser öffnen sehen ich auch die Bilder. Wenn ich sie jedoch jemanden anderen zusende sieht er die Bilder nicht. Woran liegt das?

...zum Beitrag

Bilder auf gleiche Höhe in HTML/CSS?

Hallo,

ich habe nochmal eine Frage zu meiner Website.

Kann mir jemand sagen, wie ich die beiden linken Bilder auf die gleiche Höhe wie das rechte Bild bringen kann? Ich finde bei Google nichts und weiß nicht weiter.

Hier der Ausschnitt meines Codes:

HTML:

<div id="bilder">
  <div id=bild1>
    <img src="bild1.jpg" alt="Wir bei der Arbeit">
  </div>
  <div id=bild2>
    <img src="bild2.jpg" alt="Wir bei der Arbeit">
  </div>
  <div id=bild3>
    <img src="bild3.png" alt="Holzschränke"
  </div>

CSS:

#bild1 {
  display: inline;
  margin-left: 500px;
}

#bild2 {
  display: inline;
  margin-left: 50px;
}

#bild3 {
  display: inline;
  margin-left: 50px;
}

...zum Beitrag

Atom HTML Datei im Browser öffnen?

Hi,

ich bin gerade am ausprobieren von Atom und jetzt möchte ich die HTML Datei im Browser öffnen. Wie geht das? Wenn ich es versuche über den Dateipfad zu öffnen wird mir nichts angezeigt.

...zum Beitrag

HTML Dateien in onedrive / skydrive anzeigen

Situation:

Eine HTML-Datei die von mehreren Standorten aus geändert wird und in onedrive abgelegt ist, soll über den Webbrowser -also ohne vorher eine lokale Kopie ziehen zu müssen- angezeigt werden.

Sowohl die Generierung eines Links "zur Bearbeitung" oder "nur Ansicht" zeigt jedoch nicht die übliche view der HTML-Datei im Browser, sondern leider den HTML-Code.

Auch der Versuch über brachte keine Lösung. Bspw. : <iframe src="<a href="https://onedrive.live.com/embed?cid=.....">https://onedrive.live.com/embed?cid=.....</a> usw...

Welche Möglichkeiten gibt es? Oder zumindest ein Workaround möglich?

...zum Beitrag

Wie kann ich bei ebay im Text Bilder einbinden?

Man kann ja bei ebay Text tippen oder html eingeben, bisher habe ich den Beschreibungstext mit html gemacht, auch Fotos (img src..ht t p :// w w w . . jpg), aber ebay will im html nun kein "ht tp : / /" mehr, was kann ich anstelle dessen machen,

ich meine nicht die eigentlichen Fotos oben links zum Anklicken, so. im Text !

(die Leerzeichen im txt musste ich hier einfügen wegen links)

Danke

...zum Beitrag

Wie kann ich den Quellcode einer PHP Datei anzeigen lassen?

Hallo Zusammen,

ich habe das Problem, dass wenn ich den Quelltext von PHP Seiten anzeigen möchte da nur der HTML Code steht, meine Frage nun, wie bzw. was muss ich tun um auch den PHP Code anzeigen zu lassen wenn ich auf Quelltext anzeigen klicke?

Lg TygaOne

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen