So fügen Sie IFrames in HTML hinzu

Hypertext Markup Language AKA HTML ist eine Sprache, die zum Zweck des Aufbaus grundlegender Strukturen von Webseiten verwendet wird. Es bietet viele Unterscheidungsfunktionen, die Ihre Website interaktiver machen. Eine solche Funktion ist der HTML -IFrame- oder HTML -Inline -Frame. Lassen Sie uns in die Details von IFrames eingehen.

Html iframe

Mit HTML Iframe können Sie Ihrem HTML -Dokument ein externes Dokument hinzufügen, beispielsweise eine Webseite innerhalb einer Webseite. Das eingebettete Dokument ist unabhängig von den umgebenden Elementen. Um in Ihrem aktuellen HTML -Dokument einen Iframe hinzuzufügen, ist die

Die URL in der Syntax bezeichnet den Ort des externen Dokuments, das Sie in Ihre aktuelle Webseite einbetten möchten.

Beispiel
Im folgenden Beispiel einbetten wir ein externes Dokument in unsere HTML -Datei ein.

Ausgang
Die externe Webseite wurde in die aktuelle HTML -Webseite eingebettet.

So können Sie einen Iframe in Ihre HTML -Webseite aufnehmen.

Stellen Sie die Höhe und Breite eines Iframe ein

Wie Sie im obigen Screenshot sehen können, gibt es eine bestimmte Höhe und Breite des Iframe. Die Höhe und Breite des Iframe kann nach Ihrem Wunsch behoben werden. Hier ist ein Beispiel für die Anpassung der Höhe und Breite eines Inframe.

Beispiel
Im folgenden Beispiel haben wir die Höhe und Breite eines Iframe mithilfe von HTML -Attributen festgelegt.

Im obigen Beispiel haben wir die Breite des Iframe auf 600 und die Höhe auf 200 gesetzt.

Ausgang

Die Höhe und Breite des in der Ausgabe gezeigten Iframe wurde unter Verwendung von HTML -Attributen angepasst.

Ein weiterer Ansatz dafür ist die Verwendung von CSS. Hier ist ein Beispiel, um die Höhe und Breite eines HTML -Iframe mithilfe von CSS festzulegen.

Beispiel

Ausgang

Die Höhe und Breite des im Ausgangs gezeigten Iframe wurde unter Verwendung von CSS eingestellt.

Anpassungsränder von

Im obigen Beispiel haben wir unter Verwendung der CSS -Rand -Eigenschaft den Rand des IFrame 5PX zusammen mit soliden schwarzen Farbe festgelegt.

Ausgang

Der Rand des in der Ausgabe gezeigten Iframe wurde angepasst.

iframes als Zielhyperlinks

Ein Iframe kann als Zielhyperlink verwendet werden, was bedeutet, dass die Verwendung von IFrame als Zielhyperlinks ein Benutzer den Link anzeigen kann. Setzen Sie zum Zwecke des Ziels das Zielattribut des Tags als Namensattribut des Iframe.

Beispiel

Besuchen Sie LinuxHint.com

Im obigen Beispiel haben wir eine Webseite in eine HTML -Webseite eingebettet. Darüber hinaus haben wir Iframe als Zielhyperlink verwendet. Wie Sie sehen können, haben wir das Zielattribut des Tags so festgelegt wie das Namensattribut des Iframe. Wenn Sie auf den Hyperlink klicken, wird es im selben Iframe anstelle eines neuen Fensters geöffnet.

Ausgang

Klicken Sie auf den Hyperlink und er wird im Iframe geöffnet.

Der im Ausgang gezeigte Hyperlink wird im Inframe geöffnet.

Nach den oben genannten Ansätzen können Sie einen Iframe auf Ihrer HTML-Webseite hinzufügen.

Abschluss

So fügen Sie in Ihrem HTML -Dokument einen Iframe hinzu, verwenden Sie das HTML -Tag. Iframe Short für Inline -Frames werden verwendet, um externe Webseiten auf Ihrer aktuellen HTML -Webseite hinzuzufügen. Diese Iframes sind unabhängig von den umgebenden Elementen einer Webseite. Die Höhe und Breite eines Iframe kann nach Ihrem Wunsch angepasst werden. Darüber hinaus können IFrames als Zielhyperlinks verwendet werden. In dieser Beschreibung wird eingehend erläutert, wie Sie IFrames in HTML unter Verwendung geeigneter Beispiele hinzufügen können.