HTML tag reference manual

xiaoxiao2021-03-06  54

Class (all HTML files)

File type (put on the beginning and end of the file)

Document Topic </ title> (must be placed in the "Wenhe" block)</p> <p>Wen Head <head> </ head> (descriptive information, like "theme")</p> <p>Stylistic <body> </ body> (file body)</p> <p>Structural definition (display style controlled by browser)</p> <p>Title <h?> </ H?> (From 1 to 6, there are six layers of selection)</p> <p>3.0 Title Align <h? Align = left | center | Right> </ h?></p> <p>3.0 Distinguish <div> </ div></p> <p>3.0 Distinguishing Align <DIV Align = Left | Right | Center | Justify> </ DIV></p> <p>Citation block <block Quote> </ block quote> (usually inundating)</p> <p>Emphasize <EM> </ em> (usually displayed in iteter)</p> <p>Specially emphasize <strong> </ strong> (usually in bold display)</p> <p>Citation <Cite> </ Cite> (usually displayed in a bevel)</p> <p>Code <code> </ code> (Show the original code)</p> <p>Sample <SAMP> </ Samp></p> <p>Keyboard Enter <KBD> </ KBD></p> <p>Variable <var> </ var></p> <p>Define <DFN> </ DFN> (some browser is not available)</p> <p>Address <address> </ address></p> <p>3.0 big words <BIG> </ BIG></p> <p>3.0 Small words <small> </ small></p> <p>Tags related to appearance (Author's own manifestation)</p> <p>Bold <b> </ b></p> <p>Intragoner <i> </ i></p> <p>3.0 Bottom line <u> </ u> (there are still some browsers do not provide)</p> <p>3.0 Delete line <S> </ s> (there are still some browsers do not provide)</p> <p>3.0 subscript <SUB> </ sub></p> <p>3.0 Beginning <SUP> </ sup></p> <p>Tymatics <TT> </ TT> (display with single-handed pattern)</p> <p>Predetermined format <pre> </ pre> (the size of the space in the file)</p> <p>Width <pre> <pre> (in vol) in a predetermined format</p> <p>N1.0 齐 <center> </ center> (text and images)</p> <p>N1.0 shines <blink> </ blink> (the most mocked label ever)</p> <p>N1.0 font size <font size =?> </ Font> (from 1 to 7)</p> <p>N1.0 Changing font size <font size = | -?> </ Font></p> <p>N1.0 Basic Font Size <basefont size =?> (From 1 to 7; 2)</p> <p>N2.0 Font Color <font color = "# $$$$$$"> </ font></p> <p>Connection with graphics</p> <p>Link <a href="url"> </A></p> <p>Link to an anchor <a href="url#**"> </A> (if anchor is in another file)</p> <p><a href="#***"> </a> (if the anchor is currently the current file)</p> <p>N2.0 link to the destination frame <a href="url" target="**"> </A></p> <p>Set anchor <a name="**"> </A></p> <p>Graphics <img src = "url"></p> <p>Graphic reading method <img src = "URL" align = top | bottom | middle></p> <p>N1.0 graphic reading method <img src = "URL"</p> <p>Align = Left | Right | TEXTTOP | Absmiddle | Baseline | Absbottom></p> <p>Replacement text <img src = "URL" alt = "***"> (if there is no way to display graphics, display this text)</p> <p>Points [IMG SRC = "URL" ISMAP> (requires CGI)</p> <p>N2.0 Picture Select <img src = "URL" USEMAP = "URL"></p> <p>N2.0 Map <map name = "***"> </ map> (Description Map)</p> <p>N2.0 paragraph <Area Shape = "Rect" Coords = "," HREF = "URL" | NOHREF></p> <p>3.0 size <img src = "URL" width = "?" Height = "?"> (Units in Pixels)</p> <p>N1.0 graphical edge <img src = "URL" border =?> (Units in Pixels)</p> <p>N1.0 graphical edge space <img src = "URL" HSPACE =? VSpace =?> (In pixels)</p> <p>N1.0 Low Resolution Graph <img src = "URL" LOWSRC = "URL"></p> <p>N1.1 User Term <meta http-equiv = "refresh" content = "?; URL = URL"> (Update Update)</p> <p>N2.0 inline item <Embed src = "URL"> (insert the object into the page)</p> <p>N2.0 Embedded Size <Embed SRC = "URL" Width = "?" Height = "?"></p> <p>Partition</p> <p>Paragraph <p> (usually two Return)</p> <p>3.0 paragraph <p> </ p> (new definition into a container tag)</p> <p>3.0 Words Way <p align = left | center | Right> </ p></p> <p>Return <br> (a return)</p> <p>N1.0 Word Part Layer <br Clear=left|Right|Al> (when you are using with graphics)</p> <p>Horizontal line <hr></p> <p>N1.0 horizontal alignment <hr align = left | Right | Center></p> <p>N1.0 horizontal thickness <hr size =?> (In pixels)</p> <p>N1.0 horizontal width <hr width =?> (In pixels)</p> <p>N1.0 horizontal ratio width <Hr width =%> (100% page width)</p> <p>N1.0 Line <HR NOSHADE> (no three-dimensional effect)</p> <p>N1.0 Cannot travel <nobr> </ nobr> (without wrap)</p> <p>N1.0 can be changed to <WBR> (if needed, you can break)</p> <p>Enumerate (you can list the nest)</p> <p>Non-order list <ul> <li> </ ul> (<li>) before each</p> <p>N1.0 publication lists <ul type = disc | circle | Square> (Define all listed items)</p> <p><Li Type = DISC | Circle | Square> (Define this and its later list)</p> <p>Some order list enumeration <ol> <li> </ ol> (<li>) before each one)</p> <p>N1.0 Data type <OL type = a | a | i | i | 1> (define all listed items)</p> <p><Li type = a | a | i | i | 1> (define this and its later enumeration)</p> <p>N1.0 Start Number <OL Value =?> (Definition All Enumerations)</p> <p><Li value =?> (Define this and its later enumeration)</p> <p>Definition list <dl> <dt> <dd> <dl> (<DT> Project, <DD> Definition)</p> <p>Form list listing <menu> <li> </ menu> (<li>) before each</p> <p>Catalog enumeration <dir> <li> </ dir> (<li>) before each one)</p> <p>Background with colors</p> <p>3.0 Repeat alignment background <body background = "url"></p> <p>N1.1 background color <body bgcolor = "# $$$$$$"> (sequencing is red, green, blue)</p> <p>N1.1 Text Color <body text = "# $$$$$$"></p> <p>N1.1 link color <body link = "# $$$$$$"></p> <p>N1.1 View <Body VLINK = "# $$$$$$"> N1.1 "Body ALINK =" # $$$$$ "></p> <p>Special character (below the following tags)</p> <p>Special Symbol & # ?; (where? Represents ISO 8859-1)</p> <p><>> & lt; & gt;</p> <p>Registered trademark TM & REG;</p> <p>N1.0 Registered trademarks TM & REG;</p> <p>Copyright symbol & copy;</p> <p>N1.0 Copyright Symbol & Copy;</p> <p>Form (usually need to cooperate with CGI)</p> <p>Definition form <form action = "URL" Method = GET | POST> </ form></p> <p>N2.0 Uploading File <form enctype = "Multipart / Form-Data> </ form></p> <p>Input field <input type = "text | password | checkbox | radio | Image | hidden | submit | reset"></p> <p>Bar name <input name = "***"></p> <p>Field internal value <input value = "***"></p> <p>Selected <Input Checked> (suitable for Checkboxes and Radio Boxes)</p> <p>Boot width <input size =?> (In units of characters)</p> <p>The maximum number of words <input maxlength =?> (In units of characters)</p> <p>Drop-oriented menu <select> </ select></p> <p>Drawn menu name <select name = "***"> </ select></p> <p>Number of menu items <SELECT SIZE =?> </ Select></p> <p>Multi-selection menu <select multiple> (multiple choice)</p> <p>Option <option></p> <p>Indicatable option <option successd></p> <p>Text input area <textarea rows =? Cols =?> </ Textarea></p> <p>Enter area name <textarea name = "***"> </ textarea></p> <p>N2.0 Input Area Livelings <TEXTAREA WRAP = OFF | Virtual | Physical> </ Textarea></p> <p>form</p> <p>3.0 Defining Table <Table> </ Table></p> <p>3.0 Table Frame <Table Border> </ TABLE> (in or not)</p> <p>N1.1 Table Frame line <Table Border =?> </ TABLE> (You can set a value)</p> <p>N1.1 storage, left and right, white <table cellspacing =?></p> <p>N1.1 storage degene, leave white <table cellpadding =?></p> <p>N1.1 Form Width <Table Width =?> (In Pixels)</p> <p>N1.1 Width ratio <Table Width =%> (100% page width)</p> <p>3.0 Table Columns <TR> <TR> 3.0 Table Column Loan <TR Align = LEFT | Right | Center Valign = TOP | Middle | Bottom></p> <p>3.0 storage port <TD> </ TD> (must be used with columns)</p> <p>3.0 storage content content 齐 <TD align = left | Right | Center Valign = TOP | Middle | Bottom></p> <p>3.0 Do not wrap <TD NOWRAP></p> <p>N3.0 storage grid background color <td bgcolor = # $$$$$$></p> <p>3.0 storage landscape "TD colspan =?></p> <p>3.0 Portrait portrait connection <TD ROWSPAN =?></p> <p>N1.1 storage width <TD width =?> (Unit in pixels)</p> <p>N1.1 storage width ratio <td width =%> (100% page width)</p> <p>3.0 Table Title <TH> </ TH> (like <TD>, but will be bold)</p> <p>3.0 Table Title Align <TH Align = Left | Right | Center Valign = TOP | Middle | Bottom></p> <p>3.0 Table Title Don't wrap <TH NOWRAP></p> <p>3.0 Table Title accounts for a few columns <TH COLSPAN =?></p> <p>3.0 Table Title accounts for a few <TH ROWSPAN =?></p> <p>N1.1 Title Width <TH width =?> (In pixels)</p> <p>N1.1 Title Ratio Base Width <TH Width =%> (100% page width)</p> <p>3.0 table looks up <CAPTION> </ caption></p> <p>3.0 table looks up in <caption align = top | bottom> (under the table)</p> <p>Vision frame (define specific areas on the screen)</p> <p>N2.0 View Format Total Definition <frameset> </ frameset> (replaces <body>)</p> <p>N2.0 Frame Row length assignment <frameset rows = ,,> </ frameset> (Pixels or%)</p> <p>N2.0 frame length assignment <frameset rows = *> </ frameset> (* = relative size)</p> <p>N2.0 frame Barn width allocation <frameset cols = ,,,> </ frameset> (Pixels or%)</p> <p>N2.0 View box width assignment <frameset cols = *> </ frameset> (* = relative size)</p> <p>N2.0 Defines Individual Videos <frame> (Defining Individual Videos)</p> <p>N2.0 individual videos content <frame src = "url"></p> <p>N2.0 individual video frame name <frame name = "***" | _blank | _SELF | _PARENT | _TOP></p> <p>N2.0 edge width <frame marginwidth =?> (左 "and" right "boundary)</p> <p>N2.0 edge height <frame marginheight =?> ("Tianding" and "ground" boundary) N2.0 Volume Bar <frame scrolling = "yes | no | auto"></p> <p>N2.0 cannot change the size <frame noreSize></p> <p>N2.0 ignore the content when ignore the box <NOFRAMES> </ NOFRAMES> (if the browser does not provide the video frame function)</p> <p>Miscellaneous</p> <p>Description (The browser is not displayed)</p> <p>Archive state statement <! Doctype html public "- // ipf // DTD HTML 2.0 // en"></p> <p>3.0 file type statement <! Doctype html public "- // w3o // DTD W3 HTML 3.0 // en"></p> <p>Can search for <isindex> (indicating the searchable index item)</p> <p>N1.0 prompts <isindex prompt = "***"> (requires the prompt text)</p> <p>Send a search condition <a href="url?**"> </a> (where the question mark is not a number, but "question mark")</p> <p>The URL <base href = "url" of the basic file> must be placed in the "Wen Hei" section)</p> <p>N2.0 Basic Window Name <base target = "***"> (must be placed in the "Wenhe" section)</p> <p>Relevance <link rev = "***" Rel = "***" href = "url"> (must be placed within the "Wen Hei" section)</p> <p>Background information <META> (must be placed in the "Wen Heiti" section)</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-114372.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="114372" 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.057</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 = '9qLmAH6vPG6q_2FqKYNzl3WAO7mZAOkoCQaah6CIfAWUDDmvwRSLLFtAcqufZS3p9fEVcg0MA3gFVwY_2BkkB_2FDr4g_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>