2. Tech
  3. Framework about HTML

Framework about HTML

xiaoxiao2021-03-06  47

http://soft.westcn.com/xue_yuan/html01_11.htm

<iframe> I want to understand this [HTML analysis], please see the [Mark List]. Also please understand the interlocking mark and empty mark, please see [HTML concept]. ■ Framework Concept: The so-called frame is a web page to divide several boxes, and more URLs are obtained. It only needs <frameset> <frame>, and all frame tags need to be placed in a total HTML file. This file only records how the framework is divided, and no information is displayed, so it is not necessary to put into the <body> tag, Browse this framework must read this file instead of the file of other boxes. <Frameset> is used to divide the box window, each box window is indicated by a <frame> mark, <frame> must be used in <frameset>. Such examples: <frameset cols = "50%, *"></p> <p><frame name = "hello" src = "up2u.html"> <frame name = "hi" src = "me2.html"> </ frameset> <frameset> divide the screen into left and right, left and right, left It is displayed Up2u.html, and the right side will display the ME2.html file. The box window indicated by the <frame> tag is always pressing the top, from left to right.</p> <p>This section is mostly the same as the [Application Framework] of the Composer Classroom, but this section increases the content and more detailed, just like other chapters will not mention web production tools. If you learn HTML, you will not choose Composer, The tool for FrontPage. ■ <frameset> <frame>: ▲ TOP <frameset> Say the frame mark to declare the HTML file as the frame mode and set how the window is split. <Frame> is just a parameter property within a frame window. <Frameset> Parameter setting: example: <frameset rows = "90, *" frameborder = "0" border = 0 frameespace = "2" bordercolor = "# 008000"></p> <p>COLS = "90, *" vertical cutting screen (such as two screens), accept integer values, percentage, *, represents the occupied space. The number of numbers represents the number of detached windows and separated by commas. For example, cols = "30, *, 50%" can be cut into a window, the first window is the width of 30 Pixels, which is an absolute segmentation, the second window is when the first and the first window is left. The next space, the first window, accounts for 50% width of the entire screen as a relative segmentation. You can adjust the numbers yourself. Rows = "120, *" is lateral cutting, separating the screen, and setting the same. The only COLS and ROWS two-parameter should not be in one <frameset> tag, because Netacape can't display this type of framework, using multiple segmentation. FrameBorder = "0" Sets the frame of the frame, its value is only 0 and 1, 0 indicates whether the border is not bound, 1 means to display the border. (Avoid using YES or NO) border = "0" Set the frame thickness of the frame, in Pixels. Bordercolor = "# 008000" Sets the border color of the frame. For color values, please refer to [Color Principle]. FrameSpacing = "5" indicates the distance between the frame and the frame. <Frame> Parameter setting: example: <frame name = "TOP" src = "a.html" marginwidth = "5" marginheight = "5" scrolling = "auto" frameborder = "0" NORSIZE FRAMESPACING = "6" bordercolor = "# 0000f"> src = "a.html" Set the web file name to display in this box window, each box window must correspond to a web file. You can use an absolute path or relative path, and the two are detailed in the [link advancement]. Name = "TOP" sets the name of this box window, so that the framework can be specified to make a link, but must be named any. FrameBorder = 0 Sets the frame of the frame, its value is only 0 and 1, 0 indicates whether the border is not bounded, 1 means to display the border. (Avoid using YES or NO) framespacing = "6" indicates the distance between the frame and the frame. Bordercolor = "# 008000" Sets the border color of the frame. For color values, please refer to [HTML Analysis]. Scrolling = "auto" setting Do you want to display a reel, YES indicates that the reel is to be displayed, and NO means that the auto is displayed regardless of the situation. NORESize settings do not allow the user to change the size of this frame, and do not set this parameter, and the user can pull the framework and change its size. Marginhight = 5 indicates the space reserved by the edge of the frame height. MarginWidth = 5 indicates the space preserved by the edge of the frame width.</p> <p>Here are some examples: (the same as the [Application Framework] of Composer Classroom) HTML Code <frameset rows = "80, *"> <frame name = "TOP" src = "a.html"> <frame name = "bottom "src =" b.html "> </ frameset> example html code <frameset rows =" 80, *, 80 "> <frame name =" top "src =" a.html "> <frame name =" middle " SRC = "b.html"> <frame name = "bottom" src = "c.html"> </ frameset> example HTML code <frameset cols = "150, *"> <frameset rows = "80, *"> <frame name = "Upper_left" src = "a.html"> <frame name = "limited" src = "b.html"> </ frameset> <frame name = "right" src = "c.html"> < / frameset> Example HTML code <frameset rows = "80, *"> <frame name = "top" src = "a.html"> <frameset cols = "150, *"> <frame name = "lower_left" src = "b.html"> <frame name = "limited" src = "c.html"> </ frameset> </ frameset> example HTML code <frameset cols = "150, *"> <frame name = "left" src = "a.html"> <frameset rows = "80, *"> <frame name = "Upper_right" src = "b.html"> <frame name = "limited" src = "c.html"> </ frameset > </ frameset></p> <p>■ <noframes>: ▲ TOP When the browser used by others is too old, when the frame is not supported, he will see a blank. To avoid this, you can use the <NOFRAMES> this mark. When the user's browser does not see the frame, he will see the content between <NOFRAMES> and </ NOFRAMES>, not a blank. These contents can be a reminder to browse the new browser's words, even a web page without a frame or can be automatically switched to the version without the frame. Application method: Add </ NOFRAMES> tag in the <frameset> tag, the following example: <frameset rows = "80, *"> <noframes> <body> Sorry, your browser is not supported by the framework, Please transfer to a new browser. </ body> </ noframes> <frame name = "top" src = "a.html"> <frame name = "bottom" src = "b.html"> </ frameset> If the browser supports the framework, then it Will not pay attention to anything in <Noframes>, if the browser does not support the frame, because you don't know all frame markings, unknown tags will be slightly sled, and the things surrounded by the marker are interpreted, so put it in <Noframes> The text will be displayed. ■ <iframe>: ▲ TOP This tag is only available for IE. Its role is to insert a box window in an middle of a page to display another file. It is a surrounding mark, but the surrounding words will only be displayed when the browser does not support iframe tags, as in <Noframes>, you can put some reminders. Usually iframes work with a Java Script that identifies the browser is better, if JavaScript recognizes that the browser is not Internet Explorer to switch to another. The parameters of <iframe> are set as follows: <iframe src = "iframe.html" name = "test" align = "middle" width = "300" height = "100" marginwidth = "1" marginheight = "1" Frameborder = "1" scrolling = "yes"></p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-81183.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="81183" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved </div><div class="col text-right">Processed: <b>0.049</b>, SQL: <b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script> var debug = DEBUG = 0; var url_rewrite_on = 1; var url_path = './'; var forumarr = {"1":"Tech"}; var fid = 1; var uid = 0; var gid = 0; xn.options.water_image_url = 'view/img/water-small.png'; </script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = '_2B2EeiRIu0eEVsIMFjv_2BqfUPjGxoXB5G2zvfUpQwhS8ASr24AWdCrfiB_2Ba5A7lXIRg9vj71gtlLKmeDDEj_2FgCdQ_3D_3D'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) * jimg.width(); jimg.height(height); } } }); }); } function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-1"]').addClass('active'); </script>