Home >Web Front-end >HTML Tutorial >HTML tag list and usage instructions_HTML/Xhtml_Web page production

HTML tag list and usage instructions_HTML/Xhtml_Web page production

WBOY
WBOYOriginal
2016-05-16 16:40:561388browse

HTML tag list

标记 类型 名称或意义 作用 备注
文件标记
文件宣告 让浏览器知道这是 HTML 文件  
开头 提供文件整体信息  
</td> <td>●</td> <td>标题</td> <td>定义文件标题,将显示于浏览器顶端</td> <td> </td> </tr> <tr> <td><BODY></td> <td>●</td> <td>主体</td> <td>设计文件格式及内容所在</td> <td> </td> </tr> <tr> <td colspan="5"><strong>排版标记</strong></td> </tr> <tr> <td><!--Note--></td> <td>○</td> <td>Description tag</td> <td>Add a description to the file but not display it</td> <td> </td> </tr> <tr> <td><P></td> <td>○</td> <td>Paragraph mark</td> <td>Leave a blank line between words, pictures, tables, etc. </td> <td> </td> </tr> <tr> <td><BR></td> <td>○</td> <td>Line break tag</td> <td>Let the words, pictures and tables be displayed on the next line</td> <td> </td> </tr> <tr> <td><HR></td> <td>○</td> <td>Horizontal line</td> <td>Insert a horizontal line</td> <td> </td> </tr> <tr> <td><CENTER></td> <td>●</td> <td>Centered</td> <td>Let words, pictures, tables, etc. be displayed in the middle</td> <td>Objection</td> </tr> <tr> <td><PRE></td> <td>●</td> <td>Default format</td> <td>Display the files according to the arrangement of the original code</td> <td> </td> </tr> <tr> <td><DIV></td> <td>●</td> <td>Location tag</td> <td>Set the placement of words, pictures, tables, etc.</td> <td> </td> </tr> <tr> <td><NOBR></td> <td>●</td> <td>No line breaks</td> <td>Prevent text from wrapping when it is too long</td> <td> </td> </tr> <tr> <td><WBR></td> <td>●</td> <td>Line break recommended</td> <td>Default line break position</td> <td> </td> </tr> <tr> <td colspan="5">Font tag</td> </tr> <tr> <td><STRONG></td> <td>●</td> <td>Emphatic tone</td> <td>Produce the effect of bold font</td> <td> </td> </tr> <tr> <td><B></td> <td>●</td> <td>Bold mark</td> <td>Produce bold font effect</td> <td> </td> </tr> <tr> <td><EM></td> <td>●</td> <td>Emphasis mark</td> <td>The font has an italic effect</td> <td> </td> </tr> <tr> <td><I></td> <td>●</td> <td>italic mark</td> <td>The font has an italic effect</td> <td> </td> </tr> <tr> <td><TT></td> <td>●</td> <td>Monospace font</td> <td>Courier font, same letter width</td> <td> </td> </tr> <tr> <td><U></td> <td>●</td> <td>Underline</td> <td>Underline</td> <td>Objection</td> </tr> <tr> <td><H1></td> <td>●</td> <td>Level 1 title tag</td> <td>Make the font larger, the higher the level, the smaller it becomes</td> <td> </td> </tr> <tr> <td><H2></td> <td>●</td> <td>Level 2 title tag</td> <td>Make font larger</td> <td> </td> </tr> <tr> <td><H3></td> <td>●</td> <td>Level 3 title tag</td> <td>Make font larger</td> <td> </td> </tr> <tr> <td><H4></td> <td>●</td> <td>Level 4 title tag</td> <td>Make font larger</td> <td> </td> </tr> <tr> <td><H5></td> <td>●</td> <td>Level 5 title tag</td> <td>Make font larger</td> <td> </td> </tr> <tr> <td><H6></td> <td>●</td> <td>Level 6 title tag</td> <td>Make font larger</td> <td> </td> </tr> <tr> <td><FONT></td> <td>●</td> <td>Font tag</td> <td>Set font, size, color</td> <td>Objection</td> </tr> <tr> <td><BASEFONT></td> <td>○</td> <td>Basic font mark</td> <td>Set all fonts, sizes, colors</td> <td>Objection</td> </tr> <tr> <td><BIG></td> <td>●</td> <td>Increase font size</td> <td>Make the font slightly larger</td> <td> </td> </tr> <tr> <td><SMALL></td> <td>●</td> <td>Reduced font</td> <td>Make the font slightly smaller</td> <td> </td> </tr> <tr> <td><STRIKE></td> <td>●</td> <td>Strikethrough</td> <td>Strikethrough text</td> <td>Objection</td> </tr> <tr> <td><CODE></td> <td>●</td> <td>Program code</td> <td>The font is slightly wider like <TT></td> <td> </td> </tr> <tr> <td><KBD></td> <td>●</td> <td>Keyboard words</td> <td>Slightly wider font, single white space</td> <td> </td> </tr> <tr> <td><SAMP></td> <td>●</td> <td>Example</td> <td>The character w is slightly like <TT></td> <td> </td> </tr> <tr> <td><VAR></td> <td>●</td> <td>Variable</td> <td>italic effect</td> <td> </td> </tr> <tr> <td><CITE></td> <td>●</td> <td>italic mark</td> <td>italic effect</td> <td> </td> </tr> <tr> <td><BLOCKQUOTE></td> <td>●</td> <td>Indent right</td> <td>Indent text to the right</td> <td> </td> </tr> <tr> <td><DFN></td> <td>●</td> <td>Predicate definition</td> <td>italic effect</td> <td> </td> </tr> <tr> <td><ADDRESS></td> <td>●</td> <td>Address tag</td> <td>italic effect</td> <td> </td> </tr> <tr> <td><SUB></td> <td>●</td> <td>Subscript</td> <td>Text subscript</td> <td> </td> </tr> <tr> <td><SUP></td> <td>●</td> <td>Superscript </td> <td>Text superscript</td> <td> </td> </tr> <tr> <td colspan="5"><strong>Checklist tag</strong></td> </tr> <tr> <td><OL></td> <td>●</td> <td>Sequence List</td> <td>The list items will be arranged in numerical and alphabetical order</td> <td> </td> </tr> <tr> <td><UL></td> <td>●</td> <td>Unordered list</td> <td>Checklist items will be arranged as symbols with solid dots</td> <td> </td> </tr> <tr> <td><LI></td> <td>○</td> <td>Checklist items</td> <td>Items in the list, one mark per line</td> <td> </td> </tr> <tr> <td><MENU></td> <td>●</td> <td>Option list</td> <td>You can specify bullet points with the type parameter.</td> <td>反对</td> </tr> <tr> <td><DIR></td> <td>●</td> <td>目录清单</td> <td>与<menu>相同</td> <td>反对</td> </tr> <tr> <td><DL></td> <td>●</td> <td>定义清单</td> <td>清单分两层出现</td> <td> </td> </tr> <tr> <td><DT></td> <td>○</td> <td>定义条目</td> <td>清单项标题</td> <td> </td> </tr> <tr> <td><DD></td> <td>○</td> <td>定义内容</td> <td>清单项内容</td> <td> </td> </tr> <tr> <td colspan="5"><strong>表格标记</strong></td> </tr> <tr> <td><TABLE></td> <td>●</td> <td>表格标记</td> <td>设定该表格的各项参数</td> <td> </td> </tr> <tr> <td><CAPTION></td> <td>●</td> <td>表格标题</td> <td>做成一打通列以填入表格标题</td> <td> </td> </tr> <tr> <td><TR></td> <td>●</td> <td>表格列</td> <td>设定该表格的列</td> <td> </td> </tr> <tr> <td><TD></td> <td>●</td> <td>表格栏</td> <td>设定该表格的栏</td> <td> </td> </tr> <tr> <td><TH></td> <td>●</td> <td>表格标头</td> <td>相等于<TD>,但其内文字字体会变粗</td> <td> </td> </tr> <tr> <td colspan="5"><strong>表单标记</strong></td> </tr> <tr> <td><FORM></td> <td>●</td> <td>表单标记</td> <td>决定该表单的运作模式</td> <td> </td> </tr> <tr> <td><TEXTAREA></td> <td>●</td> <td>文字框</td> <td>提供文字输入栏</td> <td> </td> </tr> <tr> <td><INPUT></td> <td>○</td> <td>输入标记</td> <td>决定输入形式</td> <td> </td> </tr> <tr> <td><SELECT></td> <td>●</td> <td>选择标记</td> <td>建立弹出卷动清单</td> <td> </td> </tr> <tr> <td><OPTION></td> <td>○</td> <td>选项</td> <td>每一个清单选项</td> <td> </td> </tr> <tr> <td colspan="5"><strong>图形标记</strong></td> </tr> <tr> <td><IMG></td> <td>○</td> <td>图形标记</td> <td>用来插入图形及设定图形属性</td> <td> </td> </tr> <tr> <td colspan="5"><strong>链接标记</strong></td> </tr> <tr> <td><A></td> <td>●</td> <td>链接标记</td> <td>加入链接</td> <td> </td> </tr> <tr> <td><BASE></td> <td>○</td> <td>基准标记</td> <td>可将相对 URL 转绝对及指定链接</td> <td> </td> </tr> <tr> <td colspan="5"><strong>框架标记</strong></td> </tr> <tr> <td><FRAMESET></td> <td>●</td> <td>框架设定</td> <td>设定框架</td> <td> </td> </tr> <tr> <td><FRAME></td> <td>○</td> <td>窗口设定</td> <td>设定框架中的窗口</td> <td> </td> </tr> <tr> <td><IFRAME></td> <td>○</td> <td>页内框架</td> <td>于网页中插入框架</td> <td>IE</td> </tr> <tr> <td><NOFRAMES></td> <td>●</td> <td>不支持框架</td> <td>设定浏览器不支持框架时的提示</td> <td> </td> </tr> <tr> <td colspan="5"><strong>影像地图</strong></td> </tr> <tr> <td><MAP></td> <td>●</td> <td>Image map name</td> <td>Set image map name</td> <td> </td> </tr> <tr> <td><AREA></td> <td>○</td> <td>Link area</td> <td>Set each link area</td> <td> </td> </tr> <tr> <td colspan="5"><strong>Multimedia</strong></td> </tr> <tr> <td><BGSOUND></td> <td>○</td> <td>Background sound</td> <td>Make music or sound play in the background</td> <td>IE</td> </tr> <tr> <td><EMBED></td> <td>○</td> <td>Multimedia</td> <td>Add sound, music or images</td> <td> </td> </tr> <tr> <td colspan="5"><strong>Other tags</strong></td> </tr> <tr> <td><MARQUEE></td> <td>●</td> <td>Revolving Lantern</td> <td>Make text move</td> <td>IE</td> </tr> <tr> <td><BLINK></td> <td>●</td> <td>Flash text</td> <td>Make text flash</td> <td>NC</td> </tr> <tr> <td><ISINDEX></td> <td>○</td> <td>In-page finder</td> <td>You can enter keywords to find this page</td> <td>Objection</td> </tr> <tr> <td><META></td> <td>○</td> <td>Opening instructions</td> <td>Provide information about this page to the browser</td> <td> </td> </tr> <tr> <td><LINK></td> <td>○</td> <td>Relationship definition</td> <td>Define the relationship between this file and other URLs</td> <td> </td> </tr> <tr> <td colspan="5">StyleSheet</td> </tr> <tr> <td><STYLE></td> <td>●</td> <td>Specification sheet</td> <td>Control web page layout</td> <td> </td> </tr> <tr> <td><span></td> <td>●</td> <td>Customized tag</td> <td>Use independently or with stylesheets</td> <td> </td> </tr> </tbody> </table> <p><strong>Remarks: </strong></p> <p>1. ● Indicates that the mark is a containment mark, that is, the end mark </mark> is required. </p> <p>2. ○ indicates that the tag is an empty tag, that is, no end tag is required. </p> <p>3. IE means that this tag is only suitable for Internet Explorer. </p> <p>4. NC means that this mark is only applicable to Netscape Communicator. </p> <p>5. Opposition means that the tag is not approved by W3C. Usually this tag is customized by Microsoft or Netscape and has been supported by everyone, but there are other options with the same or better functions in the HTML standard. </p> <p>6. Deprecation means that the tag has been abandoned by W3C and is an obsolete tag, but HTML has downward compatibility, so browsers still support it. </p> <p>7. New means that this tag is new in HTML 4.0. <br><br>If you feel it is not very detailed, you can refer to the following article <a target="_blank" href="http://www.jb51.net/web/28143.html">HTML elements (tags) and their usage introduction</a> You can refer to it</p> <p><span style="COLOR: rgb(255,0,0)">——This article was reproduced from the Internet in the early stage. The source cannot be traced. The source is not indicated. Special instructions. </span></p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Statement:</span><div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div></div></div><div class="nphpSytBox"><span>Previous article:<a class="dBlack" title="Automatic interception of Html long text after it exceeds the width of the tag_HTML/Xhtml_Web page production" href="https://m.php.cn/faq/11793.html">Automatic interception of Html long text after it exceeds the width of the tag_HTML/Xhtml_Web page production</a></span><span>Next article:<a class="dBlack" title="Automatic interception of Html long text after it exceeds the width of the tag_HTML/Xhtml_Web page production" href="https://m.php.cn/faq/11797.html">Automatic interception of Html long text after it exceeds the width of the tag_HTML/Xhtml_Web page production</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Related articles</h2><em><a href="https://m.php.cn/article.html" class="bBlack"><i>See more</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/faq/348757.html" title="Summary of Html knowledge" class="aBlack">Summary of Html knowledge</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348804.html" title="How to learn HTML quickly" class="aBlack">How to learn HTML quickly</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348873.html" title="The difference between html xhtml xml" class="aBlack">The difference between html xhtml xml</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348884.html" title="The difference between src and href attributes" class="aBlack">The difference between src and href attributes</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348902.html" title="About HTML5 and CSS replacement use" class="aBlack">About HTML5 and CSS replacement use</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Public welfare online PHP training,Help PHP learners grow quickly!</p></div><div class="footermid"><a href="https://m.php.cn/about/us.html">About us</a><a href="https://m.php.cn/about/disclaimer.html">Disclaimer</a><a href="https://m.php.cn/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>