Inline Frames

It is used to include an web page in another web page. The <iframe> tag is used for this purpose due to their flexibility of being included anywhere on a web page, like an image. An inline frame is defined with the <iframe> tag. The <iframe> tag is not used within a <frameset> tag, instead, it appears anywhere in your document.   As google maps use <iframe> tag to embed an map location in a web page as displayed

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?ie=UTF8&amp;source=embed&amp;oe=UTF8&amp;msa=0&amp;msid=204877120819889597387.00047a29c5223a0fd8555&amp;ll=11.425762,37.803938&amp;spn=90,-86.071795&amp;iwloc=lyrftr:msid:204877120819889597387.00047a29c5223a0fd8555,00047a3574154bff7b1d6,19.020577,72.861328,0,-32&amp;output=embed"></iframe><br /><small>View <a href="http://maps.google.com/maps/ms?ie=UTF8&amp;source=embed&amp;oe=UTF8&amp;msa=0&amp;msid=204877120819889597387.00047a29c5223a0fd8555&amp;ll=11.425762,37.803938&amp;spn=90,-86.071795&amp;iwloc=lyrftr:msid:204877120819889597387.00047a29c5223a0fd8555,00047a3574154bff7b1d6,19.020577,72.861328,0,-32" style="color:#0000FF;text-align:left">AIESEC Contact Map</a> in a larger map</small>   

Attributes of the <iframe> tag are  

src  –  It identifies the web page to be included.  

name  –  It assigns a name to the frame so that links can be loaded in it.  

width  –  It specifies a width of the frame in pixels.  

height – It specifies height of the frame in pixels.  

marginwidth – It specifies blank space between frame’s content and its horizontal borders.  

marginheight – It specifies blank space between the frame’s content and its vertical borders.  

scrolling – It specifies whether scroll bars show or not and has values of yes, no and auto.  

frameborder – It specifies whether border around the frame with values of 0 for none and 1 for showing the border.   Alternative text should be given as some browsers do not support inline frames.

Apply for HTML Certification

https://www.vskills.in/certification/certified-html-designer

Back to Tutorials