Bild und Grafik einfügen in HTML-Editor?

4 Antworten



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

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

Javascript -> CSS -> keine Transition?

Hallo, wie ich in letzer Zeit schon öfters Fragen zu "Toasts" und "Snackbars" gestellt habe, kommt heute die nächste. Tja, bin leider kein Profi. 😴

Also, ich habe mir da eine kleine "Library" gebaut, mit der ich Toasts und Snackbars anzeigen lassen kann. Eigentlich funktioniert sie auch relativ gut.

Hier ist die Library auf Hastebin: https://hastebin.com/suqumiyoli.js

So, das hier erklärt mein Problem:

Methode 1:

var toast = Toast.create("id1", { text: "Message 1" });
toast.show();
//----------------------------------
//Diese Methode funktioniert eigentlich genau so, wie sie soll. Toast wird erstellt, mittels transition angezeigt und ausgeblendet!

---

Methode 2:

Toast.create("id2", {
  text: "Message 2"
}).show();
//---------------------
//Bei dieser Methode wird der Toast erstellt und angezeigt.
Allerdings funktioniert die Einblende-Transition nicht.
Beim Ausblenden ist alles wieder richtig.

Zwar hat mir der liebe tavkomann schon erklärt, wie das mit den Transitions funktioniert und dass man mit Javascript nur Klassen hinzufügen soll. Das funktioniert leider trotzdem nicht ganz. Und ich weiß auch nicht genau, wo mein Fehler liegt.

Ich habe das Beispiel jetzt mit Toast gemacht, es ist aber bei Snackbar genauso.

Danke, ich hoffe jemand kennt sich aus und kann mir auch diesmal weiterhelfen.

PS: Wenn jemand einen besseren Weg weiß, die Callback-Methode zu übergeben, darf er diesen gerne mitteilen. :P

...zur Frage

Mit welchem HTML Code kann man Bilder auf eine andere Seite einfügen, ohne das man auf das Bild drauf klicken kann?

Ich möchte z.B nicht, dass wenn man auf das Bild drauf klickt und auf eine andere Seite weitergeleitet wird. 

...zur Frage

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?

...zur Frage

In Wordpress html-link in ein Bild einfügen?

Ein Foto mit einer Url zu verlinken, ist ja kein Problem, aber nun wollte ich einen Affiliatelink in ein Foto einfügen, aber habe zu dieser Seite keine Url, sondern nur einen html-code...gibt es dort auch einen einfachen Weg, diesen Html-Code als Link in einen Text oder in ein Foto zu integrieren?

...zur Frage

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

...zur Frage

Was möchtest Du wissen?