Home >Web Front-end >HTML Tutorial >Various parameters of iframe are organized with explanations and usage examples_HTML/Xhtml_Web page production

Various parameters of iframe are organized with explanations and usage examples_HTML/Xhtml_Web page production

WBOYOriginal: 2016-05-16 16:39:291408browse

runat="server" This is best to add Iframe jump asp.net to jump to the address URl linked to by
src in the current iframe
frameborder Whether to display borders (0 no border, 1 with borders)
scrolling whether there are scroll bars (yes with scroll bars, no no scroll bars)
allowtransparency whether the background is transparent (yes transparent, no opaque)
iframe It is not very commonly used and is rarely used in standard web pages. It is appropriate to interpret iframe as a "browser within a browser". should also be a form of frame. The difference from <frame> is that iframe can be embedded in any part of the web page. For example: <br><iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm">
SRC=URI embedded The page file path of the cabinet rack
NAME=CDATA The name of the embedded cabinet rack
LONGDESC=URI Description
WIDTH=Length Width
HEIGHT=Length Height
ALIGN=[ top | middle | bottom | left | right ] Alignment
FRAMEBORDER=[ 1 | 0 ] Cabinet frame border
MARGINWIDTH=Pixels Left and right margin
MARGINHEIGHT=Pixels Height of upper and lower margin
SCROLLING=[ yes | no | auto ] Flow bar (yes forced display | no never display | auto automatic)
The format of the Iframe tag is:

src: The path of the file, which can be an HTML file, text, ASP, etc.;
width, height: The width and height of the "inner frame" area;
scrolling: When the specified HTML file of SRC is not displayed in the specified area, the scrolling option, if set to NO, the scroll bar will not appear; if Auto: The scroll bar will automatically appear; if Yes, it will be displayed;
FrameBorder: The width of the area border. In order to blend the "internal frame" with adjacent content, it is often set to 0.
name: The name of the frame, used for identification.
A floating frame or container used to set text or graphics. <br>border <br><iframe border="3">
Sets the width of the border around the frame
frameboder
<br>Set whether the border is 3-dimensional (0=no, 1=yes) <br>height,width <br><iframe height="31" width="88">
Set the width and height of the border
scrolling

Whether there are scroll bars (yes,no,auto )
src

Specify the file or image called by iframe (html, htm, gif, jpeg, jpg, png, txt, *.*)

Notes:
A floating frame does not need to be declared as part of the frameset via the element;
WebTV and Netscape 4.x (4.0 to 4.75) do not support floating frames.
In the HTML4.01 strict specification, the element is not defined. Floating frames can be imitated using the <div> element and CSS positioning methods. </p> <p><strong> Properties of floating frame tag Iframe: </strong></p> <p>1. File location: <br> Syntax: src=url <br> Description: url is the location of the embedded HTML file, which can be a relative address or an absolute address. <br>Example: <iframe src="iframe.html"> </p> <p>2. Object name: <br>Syntax: name=# <br>Explanation: # is the name of the object. This attribute gives the object a name so that other objects can use it. <br>Example: <iframe src="iframe.html" name="iframe1"> <br> <br>3. ID selector: <br>Syntax: id=# <br>Description: Specify this tag The unique ID selector. <br>Example: <iframe src="iframe.html" id="iframe1"> </p> <p>4. Container attributes: <br>Syntax: height=# width=# <br>Description: This attribute specifies the height and width of the floating frame. The value is a positive integer (unit is pixel) or percentage. <br>height: Specifies the height of the floating frame; <br>width: Specifies the width of the floating frame. <br>Example: <iframe src="iframe.html" height=400 width=400> </p> <p>5. Size adjustment: <br>Syntax: noresize <br>Description: IE proprietary attribute, the specified floating frame cannot be resized. <br>Example: <iframe src="iframe.html" noresize> </p> <p>6. Border display: <br>Syntax: frameborder=0, 1 <br>Description: This attribute specifies whether to display floating frame borders. <br>0: Do not display floating frame borders; <br>1: Display floating frame borders. <br>Example:<iframe src="iframe.html" frameborder=0> <br><iframe src="iframe.html" frameborder=1> </p> <p>7. Border thickness: <br>Syntax: border=# <br>Description: This attribute specifies the thickness of the floating frame border. The value is a positive integer and 0, and the unit is pixels. In order to seamlessly combine the floating frame with the page, border is generally equal to 0. <br>Example: <iframe src="iframe.html" border=1> </p> <p>8. Border color: <br>Syntax: bordercolor=color <br>Description: This attribute specifies the color of the floating frame border. color can be an RGB color (RRGGBB) or a color name. <br>Example: <iframe src="iframe.html" bordercolor=red> </p> <p>9. Alignment: <br>Syntax: align=left, right, center <br>Description: This attribute specifies the alignment of the floating frame with other objects. <br>left: left; <br>right: right; <br>center: centered. <br>Example:<iframe src="iframe.html" align=left> <br><iframe src="iframe.html" align=right> <br><iframe src="iframe.html" align =center> </p> <p>10. Adjacent spacing: <br>Syntax: framespacing=# <br>Description: This attribute specifies the spacing between adjacent floating frames. The value is a positive integer and 0, and the unit is pixels. <br>Example: <iframe src="iframe.html" framespacing=10> <br> <br>11. Inner padding attribute: <br>Syntax: hspace=# vspace=# <br>Description: This attribute specifies The bounds size within the float frame. The value is a positive integer and 0, and the unit is pixels. Both properties should be applied simultaneously. <br>hspace: the size of the left and right borders within the floating frame; <br>vspace: the size of the upper and lower borders within the floating frame. <br>Example: <iframe src="iframe.html" hspace=1 vspace=1> </p> <p>12. External padding attributes: <br>Syntax: marginheight=# marginwidth=# <br>Description: This attribute specifies the border size of the floating frame. The value is a positive integer and 0, and the unit is pixels. Both properties should be applied simultaneously. <br>marginheight: the size of the left and right borders of the floating frame; <br>marginwidth: the size of the upper and lower borders of the floating frame. <br>Example: <iframe src="iframe.html" marginheight=1 marginwidth=1></p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Statement：</span><div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div></div></div><div class="nphpSytBox"><span>Previous article：<a class="dBlack" title="Discussion on the numerical limit of the serial number of the ol element in the html document_HTML/Xhtml_Web page production" href="https://m.php.cn/faq/11516.html">Discussion on the numerical limit of the serial number of the ol element in the html document_HTML/Xhtml_Web page production</a></span><span>Next article：<a class="dBlack" title="Discussion on the numerical limit of the serial number of the ol element in the html document_HTML/Xhtml_Web page production" href="https://m.php.cn/faq/11521.html">Discussion on the numerical limit of the serial number of the ol element in the html document_HTML/Xhtml_Web page production</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Related articles</h2><em><a href="https://m.php.cn/article.html" class="bBlack"><i>See more</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/faq/348757.html" title="Summary of Html knowledge" class="aBlack">Summary of Html knowledge</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348804.html" title="How to learn HTML quickly" class="aBlack">How to learn HTML quickly</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348873.html" title="The difference between html xhtml xml" class="aBlack">The difference between html xhtml xml</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348884.html" title="The difference between src and href attributes" class="aBlack">The difference between src and href attributes</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348902.html" title="About HTML5 and CSS replacement use" class="aBlack">About HTML5 and CSS replacement use</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Public welfare online PHP training，Help PHP learners grow quickly！</p></div><div class="footermid"><a href="https://m.php.cn/about/us.html">About us</a><a href="https://m.php.cn/about/disclaimer.html">Disclaimer</a><a href="https://m.php.cn/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>