HTML iframe
HTML iframe se používá k zobrazení webové stránky na webové stránce.
Syntaxe HTML iframe
Značka HTML <iframe>
určuje vložený rámec.
Vložený rámec se používá k vložení jiného dokumentu do aktuálního dokumentu HTML.
Syntax
<iframe src="url" title="description"></iframe>
Tip: Je dobrým zvykem vždy zahrnout
title
atribut pro <iframe>
. To je používáno čtečkami obrazovky ke čtení obsahu prvku iframe.
Iframe – nastavte výšku a šířku
Pomocí atributů height
a width
zadejte velikost prvku iframe.
Výška a šířka jsou standardně zadány v pixelech:
Příklad
<iframe src="demo_iframe.htm" height="200" width="300"
title="Iframe Example"></iframe>
Nebo můžete přidat style
atribut a použít CSS height
a width
vlastnosti:
Příklad
<iframe src="demo_iframe.htm" style="height:200px;width:300px;"
title="Iframe Example"></iframe>
Iframe – Odstraňte ohraničení
Ve výchozím nastavení má prvek iframe ohraničení.
Chcete-li odstranit ohraničení, přidejte style
atribut a použijte vlastnost CSS
border
:
Příklad
<iframe src="demo_iframe.htm" style="border:none;"
title="Iframe Example"></iframe>
Pomocí CSS můžete také změnit velikost, styl a barvu okraje prvku iframe:
Příklad
<iframe src="demo_iframe.htm" style="border:2px solid red;"
title="Iframe Example"></iframe>
Iframe – Cíl pro odkaz
Prvek iframe lze použít jako cílový rámec pro odkaz.
Atribut target
odkazu musí odkazovat na name
atribut prvku iframe:
Příklad
<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe
Example"></iframe>
<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
Shrnutí kapitoly
- Značka HTML
<iframe>
určuje vložený rámec - Atribut
src
definuje adresu URL stránky, která se má vložit - Vždy zahrnout
title
atribut (pro čtečky obrazovky) - Atributy
height
andwidth
určují velikost prvku iframe - Použijte
border:none;
k odstranění okraje kolem prvku iframe
HTML cvičení
HTML značka iframe
Tag | Description |
---|---|
<iframe> | Defines an inline frame |
Úplný seznam všech dostupných značek HTML naleznete v naší Referenční příručce značek HTML .