HTML Frames - Creating an Inline Frame (Floating Frame)

Inline Frame or an iframe is allows us to open new pages inside main pages. Inline frames are also referred to as Floating frames. <iframe> .. </iframe> tag is used to create inline or floating frame.
Note: Netscape navigator, version 4 or older does not support iframes. If the browser doesn't support iframe then it won't be visible.

Attributes of <iFrame> tag :
     name: used to set a name for the iframe.

     src: Specifies the url of the document to be loaded into the iframe.

     Width: used to specify the width of the iframe.

     Height: used to specify the height of the iframe.

     Frameborder: used to specify the whether to have a border for the iframe or not. This attribute possibly takes two values. i.e, 1 for on and 0 for off.

     Scrolling: used to specify whether the iframe should have scrolling capability or not. This attribute possibly takes two values i.e, 1 for on and 0 for off.

     vspace: used to leave gaps on the top and bottom of the iframe. This attribute is similar to cellspacing attribute of a table tag.

     hspace: used to leave gaps on the sides of the iframe. This attribute is similar to cellpadding attribute of a table tag.

     marginwidth: used to specify the number of pixels to be left as the left/right margins.

     marginheight: used to specify the number of pixels to be left as the top/bottom margins.

Example:
       <iframe name="iname" src="targetpg.html"></iframe>

Hidden attribute can be added in HTML5

<iframe name='myiframe' src='uploadck.php' width="300" height="300" hidden> 
</iframe>

Inline Frame

Hidden attribute can be added in HTML5

Subscribe