HTML iframe se používá k zobrazení vnořené webové stránky (webové stránky v rámci webové stránky). HTML

HTML iframe vloží další dokument do aktuálního HTML dokumentu v obdélníkové oblasti.

Obsah webové stránky a obsah prvků iframe mohou vzájemně interagovat pomocí JavaScriptu.

typy testování

Syntaxe iframe

HTML iframe je definován pomocí

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

Atribut 'src' zde určuje webovou adresu (URL) vložené stránky rámců.

Nastavte šířku a výšku prvku iframe

Šířku a výšku prvku iframe můžete nastavit pomocí atributů 'width' a 'height'. Ve výchozím nastavení jsou hodnoty atributů zadány v pixelech, ale můžete je také nastavit v procentech. tedy 50%, 60% atd.

Pří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> 

Příklad: (procento)

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

K nastavení výšky a šířky prvku iframe můžete také použít CSS.

Pří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> 

Odstraňte ohraničení prvku iframe

Ve výchozím nastavení obsahuje prvek iframe ohraničení. Ohraničení můžete odstranit pomocí atributu a vlastnosti border CSS.

Pří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 také změnit velikost, barvu a styl ohraničení prvku iframe.

dateformat.format java

Příklad:

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

Cílový prvek iframe pro odkaz

Cílový rámec pro odkaz můžete nastavit pomocí prvku iframe. Zadaný cílový atribut odkazu musí odkazovat na atribut názvu prvku iframe.

Pří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ýstup

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 pomocí prvku iframe

Můžete také přidat video YouTube na svou webovou stránku pomocí

Následuje několik kroků, jak přidat video YouTube na svou webovou stránku:

• Přejděte na video YouTube, které chcete vložit.
• Klikněte na SDÍLET ➦ pod videem.
• Klikněte na možnost Vložit.
• Zkopírujte HTML kód.
• Vložte kód do souboru HTML
• Změňte výšku, šířku a další vlastnosti (podle požadavku).

Pří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ýstup:

tostring metoda java

Atributy