HTML tag reference manual

xiaoxiao2021-03-06  96

Class (all HTML files) file type (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> <p>HTML tag list</p> <p>File tag <html> ● File declaration allows the browser to know this is HTML file <head> ● Opening file Overall information <title> ● Title definition file title, will be displayed on the top <body> ● This article design file format and inner text The tissue marks are marked. Words, paintings, tables, etc. are shown in the next line <hr> ○ horizontal line inserted a horizontal line <center> ● Strong word, painting, table, etc. Displayed in the middle opposition <pre> ● Preset format order files according to the raw code arrangement <DIV> ● District marker setting word, painting, table, etc. Place location <Nobr> ● If you do not fold the text is not too long and bypass <WBR> ● Recommended folding preset folded part font tag < Strong> ● Advanced Cell Gas Generating Font Bold Bold Bolds <B> ● Bold Mark Generate Font Bold Effect <EM> ● Highlights the marker fonts <i> ● Body mark fonts show slope effect <TT> ● typing Font Courier font, the alphabet width <u> ● Plus the bottom line plus the bottom line against <h1> ● The first-level title mark is widened, the degree and the level of the number inverse ratio <H2> ● Level 2 title tag Big to broaden <h3> ● Three-level title tags make fonts to be widened <H4> ● The four-level title tag makes the font to be widened <H5> ● 5th title tag Wide <H6> ● Level 6 Title Tags Bright Fonts Big Big Broad <font> ● Glyph Tag Set the glyph, size, color against <basefont> ○ Benchmark Set All glyphs, size, color against <BIG > ● Fonts to increase the font slightly 加大 <small> ● Fonts 字 ● ● ● ● ● ● 为 为 为 为 为 为 为 为 ● ● ● ● 为 ● ● ● ● ● ● ● ● ● 为 ● ● 为 为<KBD> ● Keyboard font slightly wide, single blank <SAMP> ● Sample font slightly wide widen as <tt> <var> ● Variable hem Body effect <Cite> ● Biography Biometric effect <block Quote> ● Quote Text block shrink排 字 <<DFN> ● Define the hemoid effect <Address> ● Address tagburn body effect <SUB> ● Lower mark down the mark <sup> ● Label index (square, cubic, etc.) Listing tag <o> ● Order list list item will be arranged in a number, alphabetical order UL> ● Disorder list list item will be arranged in a dot <li> ○ list item 1 list item <menu> ● Plan list list list will be arranged in politics, such as <UL> against <dir> ● The directory list list item will be arranged in a circle, such as <UL> against <DL> ● Define list list, two layers, <dt> ○ Define Items show the title <dd> ○ Define content label definition content form mark < Table> ● Table tag Set the parameters of the table <CAPTION> ● Table title to fill in the table title <TR></p> <p>● Table column Set the list of the table <TD> ● Table bar <TH> ● Table header is equal to <TD>, but the word in which it creates a crude table mark <form> ● Table marker Determine the operating mode of a single form <textarea> ● Text block provides a text box to enter a large number of text <input> ○ input tag determine the input form <select> ● Select tag to establish a POP-UP list <option> ○ option A tag indicates an option graphic tag <IMG> ○ graphic tag to insert a graphic and set a graphic attribute linkage mark <A> ● Connection tag to join the connection <base> ○ Benchmark can turn the relative URL to the ultimate and designated link target frame mark tag <Frameset> ● Frame setting setting Frame <frame> ○ box window setting setting box <iframe> ○ page Frame in the middle of the web page IE <NOFRAMES> ● Do not support the framework setting When the browser does not support the framework Time Tips Image Map <map> ● Image Map Name Set Video Map Name <Area> ○ Connection Area Set All Connection Areas Multimedia <BGSOUND> ○ Background Sounds Background Play Sound or Music IE <Embed> ○ Multimedia Add Sound, Music or image Other Tags <Marquee> ● Walking the text to move around IE <blink> ● Flashing text flashing text NC <isindex> ○ page Observer Enter keyword Looking for this page against <meta> ○ start definition The browser knows this is an HTML file <link> ○ relational definition definition The relationship of this file and other URL stYLESHEET <style> ● Style sheet control web layout <span> ● Self-order marking independently or with style sheet: ● Representation This tag is a surrounding mark, that is, it needs to be closed, such as </ tag>. ○ indicates that the label is an empty mark, that is, no need to close the mark. IE indicates that the tag applies only to Internet Explorer. NC indicates that the tag is only available for Netscape Communicator. Opposing that the marker is not approved for W3C, usually this marker is IE or NC self-order, and it is supported by the public, just that there are other functions or better options in the HTML standard. Discarding that the tag is discarded by W3C, it is an outdated mark, but HTML is compatible with the characteristics, don't worry about the new browser does not support the old mark. New indicates that the tag is new in HTML 4.0. The following HTML Source Code is a basic architecture of an HTML file: <html> <head> <title> page of the title </ title> </ head> <body> page content, Many tags act on this </ body > </ Html> Features explanation: The whole file is between marked <HTML> and </ html>. <Html> is used to declare this HTML file, let the browser recognize and handle this HTML file correctly. The file is divided into two parts, called <head> to </ head> is called the beginning, <body> to </ body> called this article. Basically, there are applicable tags, such as <title> can only appear in the beginning. The beginning part is used to store important information, and only this section will be displayed. Therefore, most of the markers are used in this section.</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-122413.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="122413" 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.047</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 = 'wARcF7n_2BenRWdAF4rN5VMwVIqDwPvSll1RhkXYPRfh8lM0xKtC_2FYwtnY6KHHwzQY6TcvXfUERTgjaX5sMBF7Xw_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>