Bild und Grafik einfügen in HTML-Editor?

5 Antworten

Folgenden Code musst du in den HTML-Code schreiben:

<img src="ordner/unterordner" alt="alternativtext" />

Unter src gibst du einfach die Quelle zum Bild rein oder eine Web-URL

alt ist ein Alternativtext, wenn das Bild nicht lädt



Hier ist der Code, den packst du einfach in den Head:




<img src="example0815.jpg" alt="Beispiel" height="42" width="42">

 (sowie hier http://www.w3schools.com/tags/tag_img.asp)

Das Image muss sich im gleichen Ordner befinden wie der Index des html Programms, sonst musst du hier den Dateipfad hinzufügen also, <img src="desktop/images/example0815.jpg" und dann der Rest, wenn ich mich nicht irre, falls du noch Fragen hast stell sie einfach :)

Google ist auch immer hilfreich bei html, dort gibt es ganze Lehrbücher.



Hallo Kaan3108

Ein Foto einzubinden ist sehr leicht.  Es gibt allerdings 2 Arten

Entweder über den Dateipfad (Dateipfad von dem HTML Dokument aus). Also wenn z.B die HTML Datei in einem Ordner namens "HTML" liegt und es in dem Ordner noch einen Ordner hat mit dem Namen "Bilder" dann sieht der Dateipfad so aus:

<img src="Bilder/bild_name.jpg">

Einfach gesagt: Der Pfad geht von der HTML Datei aus.

oder

über einen Link. Man kann bei Grafiken im ganzen Internet Rechtsklick und dann Grafik anzeigen - diesen Link dann kopieren und hier einfügen:

<img src="http://bild\_link.de">

-------------

Was bei Bildern nicht fehlen darf wäre dann noch der <alt> Tag, um das Bild zu beschreiben. Denn wenn das Bild nicht gefunden wird, zeigt es anstelle vom dann den Text an.

<img src="Bilder/bild_name.jpg" alt="Bild von mir">


LG Syno

Das ist ganz einfach wichtig ist das das Bild sich im gleichen Ordner wie die Datei befindet sonst funktioniert es nicht.

Da dieses Problem viele haben habe ich ein Video gemacht wo ich es zeige wie du es sehr schnell schaffst dein eigenes Bild einzufügen.

https://youtu.be/J__2Of9gF2E

Woher ich das weiß:eigene Erfahrung