HTML tag reference manual

xiaoxiao2021-03-06  108

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 there is no way to display graphics, display this text) Points <img src = "URL" ISMAP> (required CGI) N2.0 Points [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 Term <meta http-equiv =" refresh "content =" ?; URL = URL "> (Using an automatic update) N2.0 inline article <Embed src =" URL "> (inserted items) N2.0 embedmes size <Embed src =" URL "width ="? "Height ="? "> Separated paragraph <p> (usually two return) 3.0 paragraph <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></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-127378.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="127378" 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.040</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 = 'hv1X_2BImqdh8RGuwk7OyowyQFMR_2FuqKljp70O4KXsoVoa8mWJgR5XJKrkW7IESrWtQKnRy_2Brb60Wf1M_2B978aDvA_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>