TechCodeview

HTML iframe sa používa na zobrazenie vnorenej webovej stránky (webovej stránky v rámci webovej stránky). Kód HTML

Prvok iframe HTML vloží ďalší dokument do aktuálneho dokumentu HTML v obdĺžnikovej oblasti.

Obsah webovej stránky a obsah prvkov iframe môžu navzájom interagovať pomocou JavaScriptu.

základné otázky java interview

Syntax iframe

HTML iframe je definovaný s

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

Atribút 'src' tu určuje webovú adresu (URL) vloženej rámcovej stránky.

Nastavte šírku a výšku prvku iframe

Šírku a výšku prvku iframe môžete nastaviť pomocou atribútov 'width' a 'height'. Štandardne sú hodnoty atribútov špecifikované v pixeloch, ale môžete ich nastaviť aj v percentách. t.j. 50%, 60% atď.

Príklad: (pixely)

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

Príklad: (percento)

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

Na nastavenie výšky a šírky prvku iframe môžete použiť aj CSS.

Príklad:

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

Odstráňte orámovanie prvku iframe

V predvolenom nastavení obsahuje prvok iframe okolo seba orámovanie. Ohraničenie môžete odstrániť pomocou atribútu a vlastnosti okraja CSS.

triediace algoritmy zlučujú triedenie

Príklad:

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

Môžete tiež zmeniť veľkosť, farbu a štýl orámovania prvku iframe.

Príklad:

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

Cieľový prvok iframe pre odkaz

Cieľový rámec pre odkaz môžete nastaviť pomocou prvku iframe. Zadaný cieľový atribút odkazu musí odkazovať na atribút názvu prvku iframe.

Príklad:

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

Výkon

výstupný kód new.hmtl:

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

Vložte video YouTube pomocou prvku iframe

Môžete tiež pridať video YouTube na svoju webovú stránku pomocou

Nasleduje niekoľko krokov na pridanie videa YouTube na vašu webovú stránku:

• Prejdite na video YouTube, ktoré chcete vložiť.
• Kliknite na ZDIEĽAŤ ➦ pod videom.
• Kliknite na možnosť Vložiť.
• Skopírujte HTML kód.
• Vložte kód do súboru HTML
• Zmeňte výšku, šírku a ďalšie vlastnosti (podľa požiadavky).

Príklad:

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

Výkon:

tostring metóda java

Atribúty