#17 HTML iFrame

Oh don’t worry this is not by Apple. It’s just a HTML tag to display web page within a web page.

HTML Iframe Syntax

The HTML <iframe> tag specifies an inline frame.

An inline frame is used to embed another web page or document within the current HTML document

<iframe src="url" title="description">


See the Pen iframe tag by Arpit (@soniarpit) on CodePen.

The <Iframe> Tag Attributes

Note − The framebordermarginwidthlongdescscrollingmarginheight attributes deprecated in HTML5. Do not use these attributes.

Sr.NoAttribute & Description
This attribute is used to give the file name that should be loaded in the frame. Its value can be any URL. For example, src = “/html/top_frame.htm” will load an HTML file available in html directory.
This attribute allows you to give a name to a frame. It is used to indicate which frame a document should be loaded into. This is especially important when you want to create links in one frame that load pages into another frame, in which case the second frame needs a name to identify itself as the target of the link.
This attribute specifies whether or not the borders of that frame are shown; it overrides the value given in the frameborder attribute on the <frameset> tag if one is given, and this can take values either 1 (yes) or 0 (no).
This attribute allows you to specify the width of the space between the left and right of the frame’s borders and the frame’s content. The value is given in pixels. For example marginwidth = “10”.
This attribute allows you to specify the height of the space between the top and bottom of the frame’s borders and its contents. The value is given in pixels. For example marginheight = “10”.
This attribute specifies the height of <iframe>.
This attribute controls the appearance of the scrollbars that appear on the frame. This takes values either “yes”, “no” or “auto”. For example scrolling = “no” means it should not have scroll bars.
This attribute allows you to provide a link to another page containing a long description of the contents of the frame. For example longdesc = “framedescription.htm”
This attribute specifies the width of <iframe>.

Iframe – Remove the Border with CSS

Using border property in CSS you can do this. We will learn about border property in CSS tutorial.

<iframe src="demo_iframe.htm" style="border:none;" title="Iframe Example"></iframe>

An iframe can be used as the target frame for a link. The target attribute of the link must refer to the name attribute of the iframe:

See the Pen VwmpJMv by Arpit (@soniarpit) on CodePen.

Hope you enjoyed. happy coding 🙂

Previous: #16 HTML id Attribute

Next: #18 HTML – The Head Element

Support CodeSnail

If you appreciate my work, or if it has helped you along your journey. It would mean a lot to me if you could write a message on my wall and share a cup of coffee (or tea) with me.

Buy Me A Coffee

Leave a Comment

Copy link
Powered by Social Snap