Class (all HTML files) file type (starting with the beginning of the file) File topic
</ title> (must be placed in the "Wen Heit" block) Head <head> </ head> (descriptive information, like "theme") Stylistic <body> </ body> (file body) structure definition (display style controlled by browser) title <h?> </ H?> (From 1 to 6, there is a six-layer selection) 3.0 Title Align <h? Align = left | center | Right> </ h?> 3.0 distinguishes <div> </ div> 3.0 alignment <DIV Align = LEFT | Right | Center | Justify> </ div> Citation Block <block Quit> </ block QUOTE> (usually contracted) emphasizes <EM> </ em> (usually displayed in slope) Special emphasis <strong> < / Strong> (usually displayed) Citation <Cite> </ Cite> (usually displayed) code <code> </ code> (Show Original Code) Sample <SAMP> </ Samp> Keyboard Enter <KBD> </ KBD> Variable <var> </ var> Definition <DFN> </ DFN> (Some browser is not available) Address <address> </ address> 3.0 big words <BIG> </ big> 3.0 small word <Small> </ small> related to the appearance (Author Self - reserve) Bold <b> </ b> Intracking <i> </ i> 3.0 bottom line <u> </ u> (still browse Not available) 3.0 Delete line <s> </ s> (there are still some browsers do not provide) 3.0 subscript <sub> </ sub> 3.0 bundled <sup> </ sup> typewriter <TT> </ tt > (Use Single Space Filter Display) Predetermined Format <pre> </ pre> (Size of Space in File) The width <pre width =?> </ Pre> (calculated) n1.0 齐 <center> </ center> (text and pictures can be) N1.0 Shine <blink> </ blink> (the most mocked label ever) N1.0 font size <font size =?> </ Font> (from 1 to 7) N1.0 change font size <font size = | -?> </ Font> n1.0 Basic Font size <basefont size =</p>
<p>?> (From 1 to 7; 2) N2.0 Font Color <font color = "# $$$$$$"> </ font> link with graphic link <a href="url"> </ a > Link to anchor <a href="url#**"> </A> (if anchor is in another file) <a href="#***"> </A> (if the anchor is currently Archive) N2.0 link to the destination frame <a href="url" target="**"> </A> set anchor <A Name="**"> </A> graphics < IMG SRC = "URL"> Graphic Way <img src = "URL" Align = TOP | BOTTOM | MIDDLE> N1.0 Graphic Way <img src = "URL" Align = Left | Right | TEXTTOP | ABSMIDDLE | BASELINE | Absbottom> Replacement text <img src = "URL" alt = "***"> (if this text is displayed) Click to select the <img src = "URL" ISMAP> (requires CGI) N2. 0 points Select <img src = "URL" USEMAP = "URL"> N2.0 Map <map name = "***"> </ map> (Description Map) N2.0 paragraph <Area Shape = "Rect" Coords = "," href = "URL" | NOHREF> 3.0 size <img src = "URL" width = "?" Height = "?"> (In pixels) N1.0 graphical edge <IMG SRC = "URL" Border =?> (In Pixels) N1.0 Graphical Edge Space <img src = "URL" HSPACE =? VSpace =?> (In Pixels) N1.0 Low Resolution Graphics <IMG SRC = "URL" LOWSRC = "URL"> N1.1 User Director <meta http-equiv = "refresh" Content = "?; URL = URL"> (Update Update) N2.0 Inline Parts <Embed SRC = "URL"> (inserted items) N2.0 embedmes size <Embed src = "URL" width = "?" Height = "?"> Separate <p> (usually two return) 3.0 paragraphs < P></p>
<p>> Special RM (below the following tags need to be lowercase) Special Symbol & # ?; (where? Encoding of ISO 8859-1) <<>> & lt; & gt; registered trademark TM & Reg; N1.0 registered trademark TM & Reg; copyright symbol & copy; N1.0 copyright symbol & copy; form (usually need to cooperate with CGI) Definition form <form action = "URL" Method = Get | Post> </ form> n2.0 upload Archive <form encType = "Multipart / Form-Data> </ form> input field <input type =" text | password | checkbox | radio | image | hidden | submit | reset "> column name <input name =" * ** "> Fields <input value =" *** "> Selected <input checked> (for CheckBoxes and Radio Boxes) field width <input size =?> (In the character number) The maximum number of words <input maxlength =?> (In the number of characters) pull-down menu <select> </ select> pull-down menu name <select name = "***"> </ select> menu item number <SELECT Size =?> </ Select> Multi-selection menu <select multiple> (Multiple Choice) Option <option> Contact Option <Option SELECTED> Text Input Area <textarea rows =? Cols =?> </ Textarea> Enter area name < Textarea name = "***"> </ textarea> N2.0 input area wrap mode <textarea wrap = OFF | Virtual | Physical> </ textarea> Table 3.0 Definition Table <Table> </ Table> 3.0 Table Frame Table Border> </ TABLE> (in or not) N1.1 Table Box line <table border =?> </ Table> (You can set a value) N1.1 storage left and right white <table cellspacing =?> N1. 1 Storage grid, leave white <table cellpadding =?> N1.1 Width <table width =?> (In pixels) N1.1 Width ratio <Table Width =%> (100% page width) 3.0 Table Column <TR> </ TR> 3.0 Table Columns View <TR Align = LEFT | Right | Center Valign = Top | Middle | Bottom> 3.0 Reservoir <TD> </ TD> (</p>
<p>It is necessary to use and use) 3.0 storage grid content to see <TD align = left | Right | Center valign = top | middle | bottom> 3.0 Do not wrap <TD NOWRAP> N3.0 storage grid background color <TD bgcolor = # $$$$ $$> 3.0 Sorry Landscape <TD COLSPAN =?> 3.0 Storage Pass portrait <TD ROWSPAN =?> N1.1 Storage width <TD width =?> (In Pixels) N1.1 storage width ratio <Td width =%> (100% page width) 3.0 Table Title <TH> <TH> is the same as <TD>, but will be bold to bold to 3.0 table Title Align <TH align = left | Right | Center Valign = TOP | Middle | Bottom> 3.0 Table Title Do not change the line <th now Leakage Whole Column <TH COLSPAN =?> 3.0 Table Title Whit <TH ROWSPAN =?> N1.1 Title Width <TH Width =?> (In Pixels) N1.1 Title Ratio Width <TH width =%> (100% page width) 3.0 Form Lowing <Caption> </ CAPTION> 3.0 Table Loud View <Caption Align = TOP | Bottom> (under the table below) The video frame (defined and specific area on the control screen) N2.0 video frame format general definition <frameset> </ frameset> (replaced <body>) N2.0 Length assignment <frameset rows = ,,,> </ frameset> (Pixels or%) N2.0 video frame length assignment <frameset rows = *> </ frameset> (* = relative size) N2.0 view box width Assign <frameset cols = ,,,> </ frameset> (Pixels or%) N2.0 view box width assignment <frameset cols = *> </ frameset> (* = relative size) N2.0 Define Individual Videos < Frame> (Define Individual Videos) N2.0 Individual Videos Content <frame src = "URL"> N2.0 Individual Vision Frame Name <frame name = "***" | _blank | _self | _parent | _top> n2. 0 Edge Width <Frame MarginWidth =?> ("Left" and "Right" boundary) N2.0 edge height <frame marginheight =?> (天 顶 」" and "ground" boundary) N2.0 Volume Bar <frame scrolling = "YES | NO | Auto> n2.0 Do not change the size of the <frame noreSize> N2.0 ignore the content <NOFRAMES> <</p>
<p>/ NOFRAMES> (If the browser does not provide video frame × energy) miscellaneous description (browser does not display) file type statement <! Doctype html public "- // Ietf // DTD HTML 2.0 // en"> 3.0 file Site statement <! Doctype html public "- // w3o // DTD W3 HTML 3.0 // en"> Can search for <isindex> (indicating the searchable index item) N1.0 prompt <Isindex Prompt = "***" > (Require input prompt text) Send a search condition <a href="url?**"> </a> (where the question mark is not a number, "question mark") URL <base href = "URL "> (Must be placed in the" Wen Head "section) N2.0 Basic Window Name <base target =" *** "> (must be placed within the" Wenhe "section) Correlation <link rev =" * ** "Rel =" *** "href =" url "> (must be placed in the" Wenhe "section) background information <meta> (must be placed in the" Wenhe "section)</p>
<p>The framework frame in HTML can generate independent changes and scrolling windows to split a window into several word windows. Display an HTML document in each word window. Let's take a look at the cross link between the basic structure of the multi-document and the child window. First, the basic structure HTML uses the <frameset>, <frame> and <NOFRAMES> tags to define the framework. Let's take a look at the role of these three labels and the corresponding properties. (1), <frameset> tag. This label is a frame design label and is used. The content between the first tail tag is the use of the HTML body part of the frame. The <body> tag cannot appear in the HTML document using the frame, otherwise it will cause the browser to ignore all the box definitions and only the content between <body> and </ body>. The <frameset> tag effect is to split the window into several self-windows, and the number of sub-windows depends on the bibliographic items nested in the "" Frame> tab in this tag. <Frameset> Tags have two properties. Rows and COLs are used to determine the height and width of the sub-window, the format is <frameset rows = "value 1, value 2, ... value n">; <frameest cols = "value 1, value 2, ... value n ">. Each parameter is divided by commas, and represents the height (width) of each self-window. The parameter values of these two attributes can be numbers, percentages, or symbols "*". Let's explain the following: (1) number. Represents the number of pixels occupied by the sub-window height (width). (2) percentage. Represents sub-window height (width) accounts for a percentage of the entire browser window height (width). (3) Symbol "*". When the symbol * only occurs once. That is, when the size of other sub-windows has a clear definition, it indicates that the size of the sub-window will be automatically adjusted according to the size of the browser window. When the symbol * occurs once, the remaining space is represented by the proportional split browser window. For example: <frameset cols = "40%, 2 *, *"> Split the browser window into 3 columns, the first sub-window is in the first column, the window width is 40% of the entire browser window width; second The sub-window is in the second column, accounting for 2/3 of the remaining space of the browser window, that is, the width of the entire browser window width, the third child window accounts for 1/3 of the remaining space, the width is the entire browser window 20% of the width. (2), <frame> label. HTML uses the <frame> tag to identify the sub-window. The <frame> tag is a separate tag that is nested in the Frame Set Tags <Frameset> tab. How many sub-windings are defined in <frameset>, how many <frame> tags are matched, and the nature of each window is defined. The <frame> tag has seven attributes, except that the SRC property is indispensable, other properties are optional. (1) SRC properties. The name used to define the sub-window. (2) .name properties. The name used to define the sub-window. (3) FrameBoder property. The value of this property is 1 or 0. When the parameter value is 1, there is no border when the sub-window has a border, and is 0. This attribute default is 1. (4) Bordercolor property. The border color used to specify the child window. If the border color of the sub-window is defined in more than one <frame> tag, the color is standard in the first specified color.</p>
<p>When specifying the border color, you can use the color's RBG code or use the English word that you want to correspond to the color. The parameter value of the BorderColor property can be any of 16 colors. (5) SCLLING attribute. The parameter value of the property is one of YES, NO or AUTO. When the parameter value is YES, it indicates that the sub-window always has a scroll bar. It has never been scroll bar when NO. When the content of the document is exceeded for Auto, the browser automatically adds a scroll bar for the sub-window. The default value of the Scolling property is Auto. (6) MaginWidth and MarginWidHt properties. These two attributes are used to specify a blank distance between display content and window boundaries. The MAGINWIDTH attribute is used to determine the distance between the display content and the left and right boundaries; MAGINWIDHT is used to determine the distance between the display content and the upper and lower boundaries. The parameter values of these two attributes are numbers. The number of pixels occupied by the left and right margins, respectively. (3), <noframes> tags. Using this tab can not support the user's display when the user browser does not support the user's related information, so as not to feel inexplicable to the blank window picture. The <NOFRAMES> tag is used to use. The content between the first tail label will earn the information of the viewer. If you see a blank screen, your browsing does not support the frame display. While commonly used two browsers IE and NC are supported by supporting frameworks. But in order to strengthen the applicability of the document, we best develop a habit of using this label. (4) The basic structure. We will illustrate the basic structure of the frame document in HTML: <html> <head> <title> document title </ title> </ head> <frameset cols = "value 1, value 2, ..., value n> to browser The window is divided into N windows. <Frame src = "1.html"> <frame src = "2.html"> <frame src = "n.html> </ frameset> <noframes> If you see blank Screen, indicating that your browser is not supported </ NOFRAMES> </ html> in the framework, the <frameset> tag is nested nested, that is, one or several sub-windows can be divided into several A smaller window. For example: <html> <frameset color cols = "30%, 90, *"> <frame src = "1.html" name = cont> <frame src = "caIpage.gif"> <frame src = "2.html"> </ frameset> <frame src = "f2.html" name = another marginheight = 120> </ frameset> <noframes> The browser you use does not support framework </ NOFRAMES> </ HTML> Second, the intersection of the target window. In order to facilitate the user to search and browse, we often use the index directory of a series of anchors to display in a sub-window, and put the content points to the anchor in another sub-window. The sub-window that displays the anchor is usually become "source window", and the window of the display target document is called "Target Window". When cross-connection, we must first define the name of the target window with the <frame> tag. Name Then modify the document displayed in the source window.</p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-44194.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="44194" 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.032</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 = 'VF_2B5LdOe1BVFGk1VcabkUTl75lQuAGeM8MKZ5xqfM2Fk4qPHoEtkjne_2B_2BZXperBT5T54CpFrDy48aL_2B625_2FnIw_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>
