Saturday, July 14, 2012

HTML </span>&nbsp;Tag</h1><div class="example" style="width: 616px; background-color: rgb(229, 238, 204); margin: 0px; padding: 8px; border: 1px solid rgb(212, 212, 212); background-image: url(http://www.w3schools.com/images/bgfadegreen.gif); clear: both; font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; background-repeat: repeat no-repeat; "><h2 class="example" style="font-size: 14px; margin-top: 0px; margin-bottom: 10px; font-weight: normal; background-color: transparent; color: rgb(97, 127, 16); ">Example</h2><p>An inline frame is marked up as follows:</p><div class="example_code notranslate" style="width: 606px; background-color: rgb(255, 255, 255); padding: 4px; border: 1px solid rgb(212, 212, 212); font-size: 13px; font-family: 'courier new'; "><iframe src="http://www.w3schools.com">
Try it yourself »

Browser Support

The tag is supported in all major browsers.</p><hr style="background-color: rgb(212, 212, 212); color: rgb(212, 212, 212); height: 1px; border: 0px; clear: both; font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; "><h2 style="font-family: verdana, helvetica, arial, sans-serif; font-size: 19px; margin-top: 10px; margin-bottom: 10px; font-weight: normal; background-color: transparent; ">Definition and Usage</h2><p style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; ">The <iframe> tag specifies an inline frame.</p><p style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; ">An inline frame is used to embed another document within the current HTML document.</p><hr style="background-color: rgb(212, 212, 212); color: rgb(212, 212, 212); height: 1px; border: 0px; clear: both; font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; "><h2 style="font-family: verdana, helvetica, arial, sans-serif; font-size: 19px; margin-top: 10px; margin-bottom: 10px; font-weight: normal; background-color: transparent; ">Tips and Notes</h2><p style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; "><b>Tip:&nbsp;</b>To deal with browsers that do not support <iframe>, place the text you want between the opening <iframe> tag and the closing tag.

Differences Between HTML and XHTML

In XHTML, the name attribute of the tag is deprecated, and will be removed. Use the id attribute instead.</p><hr style="background-color: rgb(212, 212, 212); color: rgb(212, 212, 212); height: 1px; border: 0px; clear: both; font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; "><h2 style="font-family: verdana, helvetica, arial, sans-serif; font-size: 19px; margin-top: 10px; margin-bottom: 10px; font-weight: normal; background-color: transparent; ">Optional Attributes</h2><p style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; "><b>DTD</b>&nbsp;indicates in which&nbsp;<a href="http://www.w3schools.com/tags/tag_doctype.asp" style="color: rgb(144, 11, 9); background-color: transparent; ">HTML 4.01/XHTML 1.0 DTD</a>&nbsp;the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.</p><table class="reference" style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; border: 1px solid rgb(195, 195, 195); border-collapse: collapse; width: 633px; color: rgb(0, 0, 0); "><tbody><tr><th align="left" width="17%" style="background-color: rgb(229, 238, 204); border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; text-align: left; ">Attribute</th><th align="left" width="15%" style="background-color: rgb(229, 238, 204); border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; text-align: left; ">Value</th><th align="left" width="63%" style="background-color: rgb(229, 238, 204); border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; text-align: left; ">Description</th><th align="left" width="5%" style="background-color: rgb(229, 238, 204); border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; text-align: left; ">DTD</th></tr><tr><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><a href="http://www.w3schools.com/tags/att_iframe_align.asp" style="color: rgb(144, 11, 9); background-color: transparent; ">align</a></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">left<br>right<br>top<br>middle<br>bottom</td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><span class="deprecated" style="color: rgb(232, 0, 0); background-color: transparent; ">Deprecated.</span>&nbsp;Use styles instead.<br>Specifies the alignment of an <iframe> according to surrounding elements</td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">TF</td></tr><tr><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><a href="http://www.w3schools.com/tags/att_iframe_frameborder.asp" style="color: rgb(144, 11, 9); background-color: transparent; ">frameborder</a></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">1<br>0</td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">Specifies whether or not to display a border around an <iframe></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">TF</td></tr><tr><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><a href="http://www.w3schools.com/tags/att_iframe_height.asp" style="color: rgb(144, 11, 9); background-color: transparent; ">height</a></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><i>pixels<br>%</i></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">Specifies the height of an <iframe></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">TF</td></tr><tr><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><a href="http://www.w3schools.com/tags/att_iframe_longdesc.asp" style="color: rgb(144, 11, 9); background-color: transparent; ">longdesc</a></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><i>URL</i></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">Specifies a page that contains a long description of the content of an <iframe></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">TF</td></tr><tr><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><a href="http://www.w3schools.com/tags/att_iframe_marginheight.asp" style="color: rgb(144, 11, 9); background-color: transparent; ">marginheight</a></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><i>pixels</i></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">Specifies the top and bottom margins of the content of an <iframe></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">TF</td></tr><tr><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><a href="http://www.w3schools.com/tags/att_iframe_marginwidth.asp" style="color: rgb(144, 11, 9); background-color: transparent; ">marginwidth</a></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><i>pixels</i></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">Specifies the left and right margins of the content of an <iframe></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">TF</td></tr><tr><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><a href="http://www.w3schools.com/tags/att_iframe_name.asp" style="color: rgb(144, 11, 9); background-color: transparent; ">name</a></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><i>name</i></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">Specifies the name of an <iframe></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">TF</td></tr><tr><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><a href="http://www.w3schools.com/tags/att_iframe_scrolling.asp" style="color: rgb(144, 11, 9); background-color: transparent; ">scrolling</a></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">yes<br>no<br>auto</td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">Specifies whether or not to display scrollbars in an <iframe></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">TF</td></tr><tr><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><a href="http://www.w3schools.com/tags/att_iframe_src.asp" style="color: rgb(144, 11, 9); background-color: transparent; ">src</a></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><i>URL</i></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">Specifies the address of the document to embed in the <iframe></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">TF</td></tr><tr><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><a href="http://www.w3schools.com/tags/att_iframe_width.asp" style="color: rgb(144, 11, 9); background-color: transparent; ">width</a></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><i>pixels<br>%</i></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">Specifies the width of an <iframe></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">TF</td></tr></tbody></table><br style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; "><hr style="background-color: rgb(212, 212, 212); color: rgb(212, 212, 212); height: 1px; border: 0px; clear: both; font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; "><h2 style="font-family: verdana, helvetica, arial, sans-serif; font-size: 19px; margin-top: 10px; margin-bottom: 10px; font-weight: normal; background-color: transparent; ">Standard Attributes</h2><p style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; ">The <iframe> tag supports the following standard attributes:</p><table class="reference" style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; border: 1px solid rgb(195, 195, 195); border-collapse: collapse; width: 633px; color: rgb(0, 0, 0); "><tbody><tr><th align="left" width="20%" style="background-color: rgb(229, 238, 204); border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; text-align: left; ">Attribute</th><th align="left" width="20%" style="background-color: rgb(229, 238, 204); border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; text-align: left; ">Value</th><th align="left" width="55%" style="background-color: rgb(229, 238, 204); border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; text-align: left; ">Description</th><th align="left" width="5%" style="background-color: rgb(229, 238, 204); border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; text-align: left; ">DTD</th></tr><tr><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">class</td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><i>classname</i></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">Specifies a classname for an element</td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">TF</td></tr><tr><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">id</td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><i>id</i></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">Specifies a unique id for an element</td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">TF</td></tr><tr><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">style</td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><i>style_definition</i></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">Specifies an inline style for an element</td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">TF</td></tr><tr><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">title</td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; "><i>text</i></td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">Specifies extra information about an element</td><td style="border: 1px solid rgb(195, 195, 195); padding: 3px; vertical-align: top; ">TF</td></tr></tbody></table><p style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; ">More information about&nbsp;<a href="http://www.w3schools.com/tags/ref_standardattributes.asp" style="color: rgb(144, 11, 9); background-color: transparent; ">Standard Attributes</a>.</p><hr style="background-color: rgb(212, 212, 212); color: rgb(212, 212, 212); height: 1px; border: 0px; clear: both; font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; "><h2 style="font-family: verdana, helvetica, arial, sans-serif; font-size: 19px; margin-top: 10px; margin-bottom: 10px; font-weight: normal; background-color: transparent; ">Event Attributes</h2><p style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; ">According to the W3C, the <iframe> tag does not support any event attributes.</p><p style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; ">However, the onload event is supported in all browsers.</p><p style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; ">More information about&nbsp;<a href="http://www.w3schools.com/tags/ref_eventattributes.asp" style="color: rgb(144, 11, 9); background-color: transparent; ">Event Attributes</a>.</p><hr style="background-color: rgb(212, 212, 212); color: rgb(212, 212, 212); height: 1px; border: 0px; clear: both; font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; "><h2 style="font-family: verdana, helvetica, arial, sans-serif; font-size: 19px; margin-top: 10px; margin-bottom: 10px; font-weight: normal; background-color: transparent; ">Related Pages</h2><p style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; ">HTML tutorial:&nbsp;<a href="http://www.w3schools.com/html/html_iframe.asp" style="color: rgb(144, 11, 9); background-color: transparent; ">HTML Iframes</a></p><p style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; ">HTML DOM reference:&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_frame.asp" style="color: rgb(144, 11, 9); background-color: transparent; ">IFrame object</a></p><p></p>

No comments:

Subscribe to: Post Comments (Atom)