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

Frage Letzte Aktivität: 20.12.2024, 16:53

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

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. Jetzt loslegen 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

Jetzt loslegen 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

Jetzt loslegen nextreme 11.12.2016, 21:43

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

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

Ähnliche Beiträge

Photoshop HTML Datei in Gmail einfügen?

Servus,

Ich habe folgendes Problem, ich kann nicht meine Photoshop html Datei in Gmail einfügen, bzw geht es schon nur dann sieht es wie folgt aus:

...zum Beitrag

Wo findet man den Editor auf Canva?

Ich bräuchte Hilfe, also mein Problem ist das ich das Foto nicht verschieben kann und kein Textfeld einfügen kann. Wie öffnet man auf Canva den Editor sodass man gleich sieht das man ein Textfeld einfügen kann und das Bild verschieben kann?

Links müsste doch normalerweise zu sehen sein wie ,, Textfeld einfügen''

...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

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

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 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

Bilder in html einfügen mit Notepad++?

kann mir bitte helfen

...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

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

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

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

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

Html/CSS Website Bild einfügen?

Hallo,

für den Informatik-Unterricht müssen wir eine html/CSS Website auf Notepad++ erstellen. Leider erscheint bei mir nie das Bild, welches in einfügen möchte. Lediglich das Bild-Icon erscheint, wie auf dem unteren Bild zu erkennen.

Kann mir jemand weiterhelfen?

...zum Beitrag

Wie kann ich Text in ein Bild einfügen wie auf viele Instagram Seiten?

Weiß jemand wie man genau so wie z.B ellentvshow oder pubertyhit.s die Instagram Seiten den Text in die Bilder einfügt. Ich kann leider kein Foto einfügen, da es auf meinem Handy irgendwie nicht geht.

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