Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- web:html:iframe [2015/09/17 17:07] – angelegt ros
+++ web:html:iframe [2020/10/13 14:25] (aktuell) – Externe Bearbeitung 127.0.0.1
@@ Zeile 1: / Zeile 1: @@
-====== <iframe> (Einbetten von Webseiten) ======
+====== Einbetten von Webseiten ======
+Mit dem ''<iframe>''-Element wird ein Bereich definiert, in welchem eine andere Webseite angezeigt wird.
+Mit dem Attribut ''src'' wird die URI der darzustellenden Webseite festgelegt.
 <code html>
-<iframe name="content" src="page1.html">
+<iframe src="page1.html">
 Ihr Browser unterstützt leider keine iframes.
 </iframe>
 </code>
+===== Einbetten von fremden Inhalten (Content) =====
+Mit Hilfe des ''<iframe>''-Elements können fremde Inhalte (z.B. Videos, Karten usw.) in eine eigene Webseite eingebettet werden. Bei vielen Angeboten besteht die Möglichkeit, über die Funktion **einbetten** (oder **embed**), entsprechenden HTML-Code zu erzeugen.
+<code html>
+<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d21791.777635713566!2d7.452464099999999!3d46.942585400000006!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sde!2sch!4v1442502975722" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
+</code>