HTML Iframe wordt gebruikt om een ​​geneste webpagina (een webpagina binnen een webpagina) weer te geven. De HTML-code

Een HTML-iframe sluit een ander document in het huidige HTML-document in het rechthoekige gebied in.

De inhoud van de webpagina en de iframe-inhoud kunnen met elkaar communiceren met behulp van JavaScript.

itererende kaart-Java

Iframe-syntaxis

Een HTML-iframe wordt gedefinieerd met de

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

Hier specificeert het attribuut 'src' het webadres (URL) van de inline framepagina.

Stel de breedte en hoogte van het iframe in

U kunt de breedte en hoogte van iframe instellen met behulp van de attributen 'width' en 'height'. Standaard worden de attribuutwaarden opgegeven in pixels, maar u kunt ze ook in procenten instellen. d.w.z. 50%, 60% enz.

Voorbeeld: (Pixels)

 <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> 

Voorbeeld: (percentage)

 <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> 

U kunt ook CSS gebruiken om de hoogte en breedte van het iframe in te stellen.

Voorbeeld:

 <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> 

Verwijder de rand van iframe

Standaard bevat een iframe een rand eromheen. U kunt de rand verwijderen door de attribuut- en CSS-grenseigenschap te gebruiken.

Voorbeeld:

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

U kunt ook de grootte, kleur en stijl van de rand van het iframe wijzigen.

s in Python

Voorbeeld:

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

Iframe Target voor een link

U kunt een doelframe voor een link instellen met behulp van iframe. Het door u opgegeven doelkenmerk van de link moet verwijzen naar het naamkenmerk van het iframe.

Voorbeeld:

 <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> 

Uitvoer

new.hmtl-uitvoercode:

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

Sluit YouTube-video in met iframe

U kunt ook een YouTube-video aan uw webpagina toevoegen met behulp van de

Hieronder volgen enkele stappen om YouTube-video aan uw webpagina toe te voegen:

• Ga naar de YouTube-video die je wilt insluiten.
• Klik op DELEN ➦ onder de video.
• Klik op de optie Insluiten.
• Kopieer HTML-code.
• Plak de code in uw HTML-bestand
• Wijzig de hoogte, breedte en andere eigenschappen (volgens vereisten).

Voorbeeld:

 <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> 

Uitgang:

tostring-methode java

Kenmerken van