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

Example

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
1src
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.
2name
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.
3frameborder
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).
4marginwidth
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”.
5marginheight
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”.
6height
This attribute specifies the height of <iframe>.
7scrolling
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.
8longdesc
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”
9width
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

Leave a Comment

Copy link
Powered by Social Snap