HTML Tag Daquan Reference Manual

xiaoxiao2021-03-05  22

- HTML tag Daquan reference manual [recommended]

Class (all HTML files)

File type (on the beginning and end of the file) File topic </ title> (must be placed in the "Wen Head" block) Word Head <head> </ head> (Description Sexual information, like "theme") 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) 3.0 Title Align <h? Align = left | center | Right> </ h?> 3.0 Division <DIV> </ div> 3.0 Distinguishing Align <DIV Align = Left | Right | Center | Justify> </ div> Citation Block <block Quote> </ block ot> (usually contracted) emphasizes <EM> </ em> (usually displayed in slope Specially emphasize <strong> </ strong> (usually in bold display) citation <Cite> </ Cite> (usually displayed) code <code> </ code> sample <Code> </ code> <Code <CODE> < 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 words <small> </ small></p> <p>-------------------------------------------------- ---------- Tags related to appearance (Author's own manifestation)</p> <p>Bold <B> </ B> Intragonal <i> </ i> 3.0 bottom line <u> </ u> (there are not provided) 3.0 Delete line <s> </ s> (there are some browsers do not Provided) 3.0 subscript <sub> <sub> 3.0 built-in <SUP> </ sup> typewriter <TT> </ tt> (display with single-handed pattern) Predetermined format <pre> </ pre> (reserved The size of the space in the file) The width of the predetermined format <pre width =?> </ Pre> (Calculated) N1.0 <center> </ center> (Text and Pictures) N1.0 Shining <blink> </ blink> (most mocked in history) N1.0 font size <font size =?> </ Font> (from 1 to 7) N1.0 Changing font size <font size = | -?> </ Font> N1.0 Basic Font size <basefont size =?> (From 1 to 7; 2) N2.0 Font Color <font color = "# $$$$$$"> </ Font> -------------------------------------------------- --------------------------------</p> <p>Connection with graphics</p> <p>Connection <a href="url"> </A> link to anchor <A href="url#**"> </A> (if anchor is in another file) <a href = "# ** * "> </A> If the current file current files) N2.0 is connected to the destination frame <a href="ur1" target="8*"> </A> Set anchor <a name = "***"> </A graphics <img src = "url"> graphic reading method <img src = "url" align = top | bottom | middle> n1.0 graphic reading mode <img src = "url" Align = Left | Right | TEXTTOP | ABSMIDDLE | BASELINE | ABSBOTTOM> Replacement text <img src = "URL" alt = "***"> (If there is no way to display graphics, this text is displayed) Picture <img src = " URL "ISMAP> (required CGI) N2.0 Point 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 = "?"> (With Pixels as Unit) 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 Graph <img src = "URL" LOWSRC = "URL"> N1.1 User Direction <meta http-equiv = "refresh" content = "?; URL = URL"> (Update Update N2.0 Inline Parts <Embed SRC = "URL"> (Inserted Page) N2.0 Inclination Size <Embed SRC = "URL" Width = "?" Height = "?"> ------ -------------------------------------------------- ----------------------------</p> <p>Partition</p> <p>Paragraph <p> (usually two return) 3.0 paragraph <p> </ p> (new defined container type tag) 3.0 text reading mode <p align = left | center | Right> </ p> Retail <br> (A return) N1.0 text part Word mode <br clear=left|right|Al> (when combined with graphic) Horizontal <HR> N1.0 horizontal line <HR align = left | Right | Center> N1 .0 horizontal line thickness <hr size =?> (In Pixels) N1.0 horizontal width <hr width =?> (In pixels) N1.0 horizontal ratio width <hr width =%> 100% page width) N1.0 Line <hr Noshade> (no stereo effect) N1.0 Inseparable line <nobr> </ nobr> (without wrap) N1.0 can be changed <WBR> (if needed) Broken down this) -------------------------------------------- ----------------------------------</p> <p>Enumerate (you can list the nest)</p> <p>N1.0 publication listing <ul> <li> </ ul> (<li>) N1.0 publication list list <ul type = disc | circle | Square> (Definition all list) <li TYPE = DISC | CIRCLE | SQUARE> (Defining this and its subsequent item) Some sequence type enumeration <ol> <li> </ ol> (<li>) N1.0 Data type <Ip type = a | a | i | i | 1> (Definition all list) <li type = a | a | i | i | 1> (define this and its subsequent item) N1.0 start Number <OL Value =?> (Definition All Enumeration Items) <li value =?> (Defined this and the following list) Definition list <dl> <dt> <dd> </ dl> (<dt> Project, <DD> Definitions) Forms lists <Menu> <li> </ menu> (<li>) Previously before each item) Catalog enumeration <dir> <li> </ dir> (<li>) Every item)</p> <p>-------------------------------------------------- ------------------------------</p> <p>Background with colors</p> <p>3.0 Repeat Aligned Background <body background = "url"> n1.1 background color <body bgcolor = "# $$$$$"> (sequentially red, green, blue) N1.1 text color < Body Text = "# $$$$$$"> N1.1 link = "# $$$$$$"> 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) <>> & & "" Register Trademark TM ® N1.0 Registered Trademark TM ® Copyright Symbol © N1.0 Copyright Symbol ©</p> <p>-------------------------------------------------- ------------------------------</p> <p>Form (usually need to cooperate with CGI)</p> <p>Definition form <form action = "URL" method = get | post> <form> n2.0 upload file <form encType = "multipart / form-data> </ form> input field <input type =" text | Password | CheckBox | Radio | Image | Hidden | Submit | Reset> Bellet Name <input name = "***> field internal value <input value =" ***> "INPUT CHECKED>) The CheckBoxes and Radio Boxes field width <input size =?> (Unit number) The maximum number of words <input maxLength =?> (In the character number) pull-down menu <select> </ select> Drop-pull list name <select name = "***"> </ select> menu item number <select size =?> </ Select> Multi-selection menu <select multiple> option <option> Contact option <OPTION Option SELECTED> text input area <textarea rows =? Cols =?> </ Textarea> Enter area name <textarea name = "***> </ textarea> N2.0 Input Area wrap method <textarea wrap = OFF | Virtual Physical> </ textarea></p> <p>-------------------------------------------------- ------------------------------form</p> <p>3.0 Defining Table <Table> </ Table> 3.0 Table Frame <Table Border> </ TABLE> (Yes or None) N1.1 Table Box <Table Border =?> </ TABLE> (You can set a value) N1 .1 storage decent left and right white <table cellspacing =?> N1.1 storage degene, 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 Content <TR Align = LEFT | Right | Center Valign = TOP | MIDDLE | BOTTOM> 3.0 Storage Gt <TD> </ Td> (must be used with columns) 3.0 storage content Context <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 Reservoir Landscape <TD COLSPAN =?> 3.0 Save Port Portrait Connection <TD ROWSPAN =?> N1.1 Storage Brass Width <TD Width => (in Pixels) N1. 1 Solid storage width ratio <TD width =%> (100% page width) 3.0 Table Title <TH> </ TH> (like <TD>, but will bold to bold) 3.0 table title Align <TH align = Left | Right | Center Valign = TOP | MIDDLE | BOTTOM> 3.0 Table Title Do not change the line <TH NOWRAP> 3.0 table title accounts for a few columns <TH COLSPAN =?> 3.0 Tablet Title accounts for a few <TH ROWSPAN =?> N1.1 Total title width <TH width =?> (In pixels) N1.1 Timetry ratio width <TH width =%> (100% page width) 3.0 table looks up <CAPTION> </ caption> 3.0 table looks up Caption align = top | bottom> (under the table)</p> <p>-------------------------------------------------- ------------------------------</p> <p>Vision frame (define specific areas on the screen)</p> <p>N2.0 View Format Total Definition <frameset> </ frameset> (replaces <body>) N2.0 View Frame Row length assignment <frameset rows = ,,,> </ frameset> (Pixels or%) N2.0 Frame line length assignment <frameset rows = *> </ frameset> (* = relative size) N2.0 view box width assignment <frameset cols = ,,,> </ frameset> (Pixels or%) N2.0 Bar width assignment <frameset cols = *> </ frameset> (* = relative size) N2.0 Define Individual Videos <frame> (Defining Individual Vision Frame) N2.0 Individual Videos <frame src = "URL"> N2.0 individual video frame name <frame name = "***" | _blank | _self | _parent | _top> n2.0 edge width <frame marginwidth =?> (Left "and" right "boundary) N2.0 edge Highly <frame marginheight =?> ("Tianding" and "Open" boundary) N2.0 Volume Bar <frame scrolling = "yes | no | auto"> N2.0 can not change the size <frame noreSize> N2.0 ignore In the box <NOFRAMES> </ NOFRAMES> (if the browser does not provide the video frame function) ---------------------------- -------------------------------------------------- -</p> <p>Miscellaneous</p> <p>Description (The browser does not display) file type statement <! Doctype html public "- // ip"> 3.0 file state declaration <! Doctype html public "- // w3o // DTD W3 HTML 3.0 // en "> You can search <isindex> (indicating the search index item) N1.0 prompt <isindex prompt =" ***> (request input prompt text) to send the search criteria <a href = " URL? *** "> </A> (where the question mark is not a number, but" Question mark ") The basic archive URL <base href =" URL "> (must be placed in the" Will "section) N2. 0 Basic Window Name <base target = "***"> (must be placed in the "Wen Head" section) Correlation <link rev = "***" Rel = "***" href = "url"> (Must be placed in the "Wen He" section) 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-36486.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="36486" 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.043</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 = 'GDhLcDMD8yznaeZwMPryFEXxyhJuMD4qo_2BpgmaGtE6HjH_2FDq2qZGtXM1NBg6imotkx6X70T2fvi2Mjje_2BxtP3g_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>