Eingebettete Frames definieren
Das HTML Element <iframe>
iframe = inline frame = Rahmen im Textfluss
Beschreibung:
Eingebettete Frames sind ähnlich wie Grafiken, Bereiche innerhalb eines HTML-Dokumentes, in welchen fremde Quellen angezeigt werden können. Fremd bedeutet hierbei nur, dass Sie nicht direkt zum Quelltext der gerade geladenen HTML-Datei gehören.
Syntax:
Mit dem Start-Tag <iframe> leiten Sie ein eingebettetes Frame ein und mit dem End-Tag </iframe> schliessen Sie das Frame ab.
Quelltext:
<iframe>
...
</iframe>
Ausgabe:
Das Attribut src
src = source = Quelle
Beschreibung:
Mit dem Attribut src bestimmen Sie, was in dem eingebetteten Frame angezeigt werden soll. Es kann sich um eine andere HTML-Datei oder eine beliebige andere lokale oder entfernte Datenquelle handeln.
Syntax:
Notieren Sie das Attribut src="URI" innerhalb des Start-Tags <iframe>. Dabei geben Sie für "URI" die Adresse der Datenquelle an.
Quelltext:
<iframe src="http://www.w3.org">
...
</iframe>
Ausgabe:
Höhe und Breite bestimmen
height = Höhe
width = Breite
Beschreibung:
Mit dem Attribut height="Wert" bestimmen Sie die Höhe des eigebetteten Frames und mit dem Attribut width="Wert" bestimmen Sie die Breite.
Syntax:
Notieren Sie die Attribute height="Wert" und width="Wert" innerhalb Start-Tags <iframe>. Dabei geben Sie jeweils für "Wert" die Größe in Pixel oder in Prozent an.
Quelltext:
<iframe src="http://www.w3.org" height="300px" width="77%">
...
</iframe>
Ausgabe:
Ersatztext angeben
Beschreibung:
Sie können zwischen dem Start-Tag <iframe> und dem End-Tag </iframe> Text und andere Elemente notieren, die von Web-Browsern angezeigt werden, wenn ein Browser das eingebetteten Frame nicht interpretieren können.
Quelltext:
<iframe src="http://www.w3.org">
<p>Ihr Browser kann das Frame nicht
anzeigen. Sie können die eingebettete
Seite über folgenden Link aufrufen:
<a href="http://www.w3c.org">
http://www.w3c.org</a></p>
</iframe>
Ausgabe:
Ihr Browser kann das Frame nicht anzeigen. Sie können die eingebettete Seite über folgenden Link aufrufen:
http://www.w3c.org
Weiterführende Informationen:
- HTML-Referenz für das Element <iframe> (Definiert ein HTML Formular)
Weblinks:
- Frames in HTML documents - Inline frames (W3C -englische Referenz)
- Frames in HTML-Dokumenten - Eingebettete Frames (W3C - Übersetzung)
- Frames - Eingebettete Frames (SelfHTML - deutsch)
- Wikipedia - Frame (HTML) (Wikieintrag zum Thema Frames (HTML)
- Framing: Der Herr des Links – Die zwei Frames (rechtliches und techisches zu Frames)