html tutorial - <iframe> Tag in HTML - html5 - html code - html form

Learn html - html tutorial - iframe tag in html - html examples - html programs

An <iframe> tag used to embed another page or document into the current HTML page.
We can use multiple Inline Frame in a single HTML page.
Each Inline Frame has its own session history and active documents.
<iframe> tag belongs to Flow content, phrasing content, embedded content, interactive content and palpable content.
<iframe> tag supports Global Attributes and Event Attributes.

Syntax for <iframe> tag:

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

Sample Coding for <iframe> tag:

 Tryit<!DOCTYPE html>
<html >
    <head>
        <title>Wikitechy iframe tag</title>
    </head>
    <body>
        <iframe src=”http://www.wikitechy.com/”>
            <p>Browser not Supported.</p>
        </iframe>
    </body>
</html>

Code Explanation for <iframe> tag:

<iframe> tag used to embed “http://www.wikitechy.com/” in the current HTML Page.

Output for <iframe> tag:

The output shows the ”http://www.wikitechy.com/” in the inline frame.

Attributes of <iframe> tag:

Attribute	Value	HTML4	HTML5	Description
align	left right top middle bottom	Yes	No	Specifies the alignment of an <iframe> according to surrounding elements.
frameborder	1 0	Yes	No	Specifies whether or not to display a border around an <iframe>.
height	pixels	Yes	Yes	Specifies the height of an <iframe>.
longdesc	URL	Yes	No	Specifies a page that contains a long description of the content of an <iframe>.
marginheight	pixels	Yes	No	Specifies the top and bottom margins of the content of an <iframe>.
marginwidth	pixels	Yes	No	Specifies the left and right margins of the content of an <iframe>.
sandbox	allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation	No	Yes	Enables an extra set of restrictions for the content in an <iframe>
name	text	Yes	Yes	Specifies the name of an <iframe>
scrolling	yes no auto	Yes	No	Specifies whether or not to display scrollbars in an <iframe>
src	URL	Yes	Yes	Specifies the address of the document to embed in the <iframe>
srcdoc	HTML_code	No	Yes	Specifies the HTML content of the page to show in the <iframe>
width	pixels	Yes	Yes	Specifies the width of an <iframe>

Browser Support for <iframe> tag in HTML:


Yes	Yes	Yes	Yes	Yes

PDF

Related Searches to iframe tag in html

html5 media player html training video iframe html size iframe video iframe video html iframe target iframe not working iframe code generator iframe fullscreen iframe css iframe height and width html tutorialshtml editor html code html form html tutorial html color html color codes html table html img html5 html code for website html and css html programs html website free html editor html5 tutorial wysiwyg html editor html tutorial pdf html converter php tutorial html example html tutorial css tutorial html css html tags html basics code html html online html mailto html lang html tags list

html tutorial - <iframe> Tag in HTML - html5 - html code - html form

Syntax for <iframe> tag:

Sample Coding for <iframe> tag:

Code Explanation for <iframe> tag:

Output for <iframe> tag:

Attributes of <iframe> tag:

Browser Support for <iframe> tag in HTML:

Related Searches to iframe tag in html

Wikitechy

Workshop

Join our Community

Other Languages