Bild Und Grafik Einfügen In HTML-Editor? - Gutefrage

Frage

Foto

HTML

einfügen

Bild und Grafik einfügen in HTML-Editor?

ich bekomme es irgendwie nicht hin ein Foto auf meine Seite zu programmieren

...kompletten Beitrag anzeigen

5 Antworten

LegolasGreenlea 11.12.2016, 21:49

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

barneyystinson 11.12.2016, 21:34

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. SynoLoRiS 13.12.2016, 12:46

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

nextreme 11.12.2016, 21:43

Steht alles hier: https://wiki.selfhtml.org/wiki/HTML

LowlyTV 11.07.2019, 19:28

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 Weitere Antworten zeigen

Ähnliche Beiträge

Kann man per html den windows-explorer öffnen?

Kann man über ein HTML Dokument den windows- explorer öffnen? ich programmiere per editor falls das von belangen ist.

...zum Beitrag Gibt es Seiten mit kostenlosen HTML-Codes oder Templates(Keine Ahnung wie man sowas sonst nennt...? Einfügen in Editor und fertig Modus? ...zum Beitrag Bild kann nicht geladen werden html5?

Hallo ich programmiere seit paar tagen html5 heute wollte ich bilder einfügen <img src="C:\Users\test\desktop\girl.jpg>

Allerdings wenn ich die html öffne sehe ich das bild nicht nur den alternativtext. Wenn ich dann auf Untersuchen gehe steht da Grafik konnte nicht geladen werden was kann ich dagegen tun?

...zum Beitrag Kopieren/Einfügen von Text per Mausklick bei manchen Webseiten nicht möglich?

Kann es sein, dass bei manchen Webseiten das Kopieren/Einfügen von Text mit der rechten Maustaste gesperrt ist, etwa durch einen entsprechenden HTML-Tag? Wie kann ich den Text trotzdem kopieren?

...zum Beitrag Einschalten der "Vorschläge" für den Atom Editor (HTML)?

Frage an die HTML Entwickler. Ich nutze den Atom Editor zum Erlernen der Grundlagen der Websiteprogrammierung. In der Uni nutzen wir auch den Atom Editor allerdings auch Windows Rechner, ich arbeite allerdings mit einem MacBook. So nun zur Frage. An den Unirechnern werden von Atom Vorschläge angezeigt wenn man einen Buchstaben in die Codezeile schreibt. Zum Beispiel bei "ht" kommt der Vorschlag "Html", der den kompletten Aufbau (Kopf, Body, Ende) automatisch einfügt. Bei Mac finde ich das nicht. Ist das ein extra Plugin oder Package? Wie bekommen ich das bei Mac hin? Vielen lieben Dank für die Antworten. Liebe Grüße Alex

...zum Beitrag HTML Programmierung / Zeigt statt Bild nur ein blaues Fragezeichen?

Hallo, ich habe folgendes Problem. Immer wenn ich beim html programmieren ein Bild anzeigen möchte, kommt nur ein Fragezeichen(siehe Bild).Ganz einfach:

<img src="Bild.jpg">

Wo ist der Fehler?

Danke für eure Hilfe

...zum Beitrag Wie kann ich bei hPage PHP in HTML eingeben?

Hallo

In meiner Website auf hPage möchte ich im HTML-Code PHP-Sachen einfügen.

Der HTML-Editor meckert allerdings.

Muss ich die Seite mit einer PHP-Endung abspeichern?

Wenn ja, wie mache ich das?

...zum Beitrag gute foto editor?

hallo, kennt ihr gute foto editor? am besten kostenlos :D

...zum Beitrag Wie programmiert ihr Apps?

Hallo. Mal ne Frage an alle Entwickler hier. Ich persönlich mache meine Apps immer mit WebView. Mit HTML, CSS und JavaScript lassen sich echt schöne Apps programmieren. Dinge wie tkinter oder bei .Net der Editor wahren mir alle schon immer zu .... Wenig. Deswegen bin ich Mal neugierig, wie programmiert ihr eine App? Editor? WebView? Qt5/Tkinter (Pur, ohne Editor dann oder mit?).

Danke im Vorraus und lg.

...zum Beitrag Wie lange dauert es um HTML und Css zu lernen?

Also um einfache Webseite mit einer Guten Grafik zu Programmieren also jetzt keine Aufwendigen Systeme?

...zum Beitrag Html und Javascritp Gif ein und ausblenden lassen?

Ich möchte mit Html und Javascript ein Gif per button einfügen lassen. Ich habe schon einiges ausprobiert aber es funktioniert nicht, ich würde mich gerne über Hilfe freuen. (Die Aufgabe war es einen Kopfrechentrainer zu programmieren, als Zusatz ein Bild einfügen,...)

<html> <head> <title> Kopfrechentrainer Ultimate </title> </head> <body> <script language=javascript> { var a; var b; var c; var d; var f=0; var r=0; var x; } function random() { a=Math.floor(Math.random()*90)+10; document.rechnen.eingabe1.value=a; b=Math.floor(Math.random()*9)+1; document.rechnen.eingabe2.value=b; } function kontrolle() { c=document.rechnen.vergleich.value; if(a*b==c){r++;document.rechnen.richtig.value=""+r} if(a*b!=c){f++;document.rechnen.falsch.value=""+f} if(r+f==50) { if(r==0){alert('soos')} else if(0<r<=10){alert('saas')} else if(10<r<=20){alert('sees')} else if(20<r<=30){alert('siis')} else if(30<r<=40){alert('suus')} else if(40<r<=50){alert('fiif')} } } function zurück() { document.rechnen.richtig.value="" document.rechnen.falsch.value="" } function shutdown() { window.open('https://www.youtube.com/watch?v=dQw4w9WgXcQ'); } function bka() { var audio = new Audio('sirene.mp3'); audio.play(); document.getElementById("bkaf").style.display="none"; } </script> <font color ="red"> <h2 align = center> Kopfrechentrainer Ultimate </h2> </font> <br> <p align = center> <b> Du kannst hier Multiplikationsaufgaben üben. <br> Beim Klicken auf den Button werden dir dir nacheinander 50 Aufgaben gestellt. </p> </b> <br> <br> <h1 align = center> Bereit? </h1> <br> <form name="rechnen"> <input type=button value="Start" onclick=random()> <br> <br> <INPUT type=text name=eingabe1 value=""> * <INPUT type=text name=eingabe2 value=""> = <INPUT type=text name=vergleich value=""> <input type=button value="Kontrolle" onclick=kontrolle()> <input type=button value="Zurücksetzen" onclick=zurück()> <br> <br> <p align = center> <b> Richtig gelöst Falsch gelöst </b> <br> <br> <INPUT type=text name=richtig value=""> <INPUT type=text name=falsch value=""> <br> <br> <input type=button value="shutdown" onclick=shutdown()> <br> <br> <input type=button value="BKA Modus" onclick=bka()> <audio autoplay> <source src="sirene.mp3" type="audio/mpeg"> </audio> <br> <div id="bkaf"> <img id="blaulicht" src="blaulicht.gif"> </div> </form> </body> </html> ...zum Beitrag durch Button text in value einfügen?

Hi Leute,

ich möchte durch klicken auf einen Button einen Bestimmten text ins Value von einem Textfeld schreiben. Wie kann man das mit html und php programmieren?

...zum Beitrag Pages: Grafik verschiebt sich, wenn ich Formen einfüge - wie verhindern?

Ich habe folgendes Problem: Ich muss auf einer Grafik Punkte markieren, aber immer wenn ich Punkte ganz links in dieser Grafik markieren will (durch einfügen einer Form), rutscht diese zur Seite. Deshalb meine Frage: Wie kann ich eine Grafik/ein Bild bei pages so fixieren, dass ich auch am äußersten Rand Formen einfügen kann?

...zum Beitrag Welchen Text-Editor verwendet ihr für HTML?

Um ein HTML-Dokument zu erstellen reicht ja ein Text-Editor aus! :)

Welchen Editor verwendet ihr dafür?

Den Standard-Editor (z.B. "notepad" von Microsoft/Windows) oder einen Anderen? Es gibt ja inzwischen gefühlt 100+ verschiedene Editoren! :)

Mit Text-Editor meine ich ein "einfaches" Text-Programm - auch wenn es um HTML geht. Ich meine damit ausdrücklich keine (!) WYSIWYG-Programme.

...zum Beitrag Was möchtest Du wissen? Deine Frage stellen