logo

HTML-Iframes

HTML-Iframe wird verwendet, um eine verschachtelte Webseite (eine Webseite innerhalb einer Webseite) anzuzeigen. Der HTML

Ein HTML-Iframe bettet ein anderes Dokument innerhalb des aktuellen HTML-Dokuments im rechteckigen Bereich ein.

Der Webseiteninhalt und der Iframe-Inhalt können mithilfe von JavaScript miteinander interagieren.

Java-Parseint

Iframe-Syntax

Ein HTML-Iframe wird mit definiert

 <iframe src="URL"></iframe> 

Hier gibt das Attribut „src“ die Webadresse (URL) der Inline-Frame-Seite an.

Legen Sie die Breite und Höhe des Iframes fest

Sie können die Breite und Höhe des Iframes mithilfe der Attribute „width“ und „height“ festlegen. Standardmäßig werden die Attributwerte in Pixel angegeben, Sie können sie jedoch auch in Prozent festlegen. d.h. 50 %, 60 % usw.

Beispiel: (Pixel)

 <h2>HTML Iframes example</h2> <p>Use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Testen Sie es jetzt

Beispiel: (Prozentsatz)

 <h2>HTML Iframes</h2> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Testen Sie es jetzt

Sie können auch CSS verwenden, um die Höhe und Breite des Iframes festzulegen.

wenn sonst in Java

Beispiel:

 <h2>HTML Iframes</h2> <p>Use the CSS height and width properties to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Testen Sie es jetzt

Entfernen Sie den Rand des Iframes

Standardmäßig enthält ein Iframe einen Rahmen. Sie können den Rahmen entfernen, indem Sie das Attribut und die CSS-Rahmeneigenschaft verwenden.

Beispiel:

 <h2>Remove the Iframe Border</h2> <p>This iframe example doesn&apos;t have any border</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Testen Sie es jetzt

Sie können auch die Größe, Farbe und den Stil des Iframe-Rahmens ändern.

Beispiel:

 <h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe> 
Testen Sie es jetzt

Iframe-Ziel für einen Link

Mithilfe von iframe können Sie einen Zielframe für einen Link festlegen. Ihr angegebenes Zielattribut des Links muss auf das Namensattribut des Iframes verweisen.

Beispiel:

 <h2>Iframe - Target for a Link</h2> <iframe src="new.html" name="iframe_a"></iframe> <p> <a href="https://www.javatpoint.com">JavaTpoint.com</a> </p> <p>The name of iframe and link target must have same value else link will not open as a frame. </p> 
Testen Sie es jetzt

Ausgabe

HTML-Iframes

new.hmtl-Ausgabecode:

 p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p> 

Betten Sie YouTube-Videos mit Iframe ein

Sie können Ihrer Webseite auch ein YouTube-Video hinzufügen

Im Folgenden finden Sie einige Schritte zum Hinzufügen eines YouTube-Videos zu Ihrer Webseite:

  • Gehen Sie zum YouTube-Video, das Sie einbetten möchten.
  • Klicken Sie unter dem Video auf TEILEN ➦.
  • Klicken Sie auf die Option „Einbetten“.
  • HTML-Code kopieren.
  • Fügen Sie den Code in Ihre HTML-Datei ein
  • Ändern Sie Höhe, Breite und andere Eigenschaften (je nach Anforderung).

Beispiel:

 <iframe src="https://www.youtube.com/embed/JHq3pL4cdy4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/O5hShUO6wxs" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">></iframe> 
Testen Sie es jetzt

Ausgabe:

tostring-Methode Java
HTML-Iframes

Attribute von

Attributname Wert Beschreibung
Vollbild erlauben Wenn „true“, dann kann dieser Frame im Vollbildmodus geöffnet werden.
Höhe Pixel Es definiert die Höhe des eingebetteten Iframes und die Standardhöhe beträgt 150 Pixel.
Name Text Es gibt dem Iframe den Namen. Das Namensattribut ist wichtig, wenn Sie einen Link in einem Frame erstellen möchten.
Bilderrandbereich 1 oder 0 Es definiert, ob Iframe einen Rahmen haben soll oder nicht. (In HTML5 nicht unterstützt).
Breite Pixel Es definiert die Breite des eingebetteten Rahmens und die Standardbreite beträgt 300 Pixel.
src URL Das src-Attribut wird verwendet, um den Pfadnamen oder Dateinamen anzugeben, welcher Inhalt in iframe geladen werden soll.
Sandkasten
Dieses Attribut wird verwendet, um zusätzliche Einschränkungen für den Inhalt des Frames anzuwenden
Formulare zulassen Es ermöglicht die Übermittlung des Formulars. Wenn dieses Schlüsselwort nicht verwendet wird, wird die Übermittlung des Formulars blockiert.
Popups zulassen Es aktiviert Popups, und wenn es nicht angewendet wird, wird kein Popup geöffnet.
Allow-Skripte Dadurch kann das Skript ausgeführt werden.
gleichen Ursprung zulassen Wenn dieses Schlüsselwort verwendet wird, wird die eingebettete Ressource so behandelt, als ob sie von derselben Quelle heruntergeladen wurde.
srcdoc Das srcdoc-Attribut wird verwendet, um den HTML-Inhalt im Inline-Iframe anzuzeigen. Es überschreibt das src-Attribut (sofern ein Browser dies unterstützt).
Scrollen
Es gibt an, ob der Browser eine Bildlaufleiste für den Iframe bereitstellen soll oder nicht. (In HTML5 nicht unterstützt)
Auto Die Bildlaufleiste wird nur angezeigt, wenn der Inhalt des Iframes größer als seine Abmessungen ist.
Ja Zeigt immer die Bildlaufleiste für den Iframe an.
NEIN Zeigt nie eine Bildlaufleiste für den Iframe an.