首页 >web前端 >html教程 >常用的HTML标签元素总结简介

常用的HTML标签元素总结简介

php中世界最好的语言
php中世界最好的语言原创
2017-11-20 13:38:371783浏览

给大家收集整理了一些最常用的HTML标签元素,有需要的朋友可以保存一下,这些都是最常用的,几乎每一份网页都用得到的标签。标签是提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。


创建一个HTML文档

设置文档标题和其它在网页中不显示的信息

设置文档的标题        

最大的标题

 预先格式化文本          

下划线

黑体字    

斜体字    

打字机风格的字体

引用,通常是斜体        

强调文本(通常是斜体加黑体)

加重文本(通常是斜体加黑体)

设置字体大小从1到7,颜色使用名字或RGB的十六进制值

基准字体标记

字体加大

字体缩小        

加删除线

程式码          

键盘字

范例    

变量

向右缩排

述语定义

地址标记

上标字    

下标字

...固定寬度字体(在文件中空白、換行、定位功能有效)

...</plaintext>固定寬度字體(不執行標記符號)</p> <p><listing>...</listing> 固定寬度小字體  </p> <p><font color=00ff00>...</font>字體顏色</p> <p><font size=1>...</font>最小字體  </p> <p><font style =&#39;<a href="http://www.php.cn/wiki/807.html" target="_blank">font-size</a>:100 px&#39;>...</font>無限增大 </p> <p> </p> <p>格式标志标签</p> <p><p></p> 创建一个段落    </p> <p><p align=""> 将段落按左、中、右对齐  </p> <p><br> 换行 插入换行符  </p> <p><blockquote></blockquote> 从两边缩进文本</p> <p><dl></dl> 定义列表</p> <p><dt> 放在每个定义术语词前</p> <p><dd> 放在每个定义之前</p> <p><ol></ol> 创建一个标有数字的列表  </p> <p><ul></ul> 创建一个标有圆点的列表</p> <p><li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,</p> <p>  若在<ul></ul>之间则每个列表项加上一个圆点    </p> <p><div align=""></div> 用来排版大块HTML段落,也用于格式化表</p> <p><MENU> 选项清单  </p> <p><DIR> 目录清单  </p> <p><nobr></nobr> 强行不换行</p> <p><hr size=&#39;9&#39; width=&#39;80%&#39; color=&#39;ff0000&#39;>水平線(設定寬度)  </p> <p><center></center> 水平居中  </p> <p>链接标志<a href="http://www.php.cn/code/5947.html" target="_blank">表格</a>标志</p> <p><a href="URL"></a> 创建超文本链接  </p> <p><a href="mailtEMAIL"></p> <p></a> 创建自动发送电子邮件的链接  </p> <p><a name="name"></a> 创建位于文档内部的书签</p> <p><a href="#name"></a> 创建指向位于文档内部书签的链接</p> <p><BASE> 文档中不能被该站点辨识的其它所有链接源的URL</p> <p><LINK> 定义一个链接和源之间的相互关系 </p> <p>链接标记注解:</p> <p>◆target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top</p> <p>◆rel="..."发送链接的类型  </p> <p>◆rev="..."保存链接的类型</p> <p>◆accesskey="..."指定该元素的热键</p> <p>◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly</p> <p>◆coord="..."使用像素或者长度百分比来定义形状的尺寸</p> <p>◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)</p> <p>绝大部分的标签都是可以通过CSS的控制来改变样式,达到我们想要的布局效果,所以HTML的标签我们一定要掌握。</p> <p>相关阅读:</p> <p><a href="http://www.php.cn/div-tutorial-380947.html" target="_self">html在源代码中插入注释标签<!--...--></a></p> <p><a href="http://www.php.cn/div-tutorial-380654.html" target="_self">html中关于marquee标签的详细介绍</a></p> <p><a href="http://www.php.cn/html5-tutorial-380159.html" target="_self">H5 语义化标签介绍</a></p><p>以上是常用的HTML标签元素总结简介的详细内容。更多信息请关注PHP中文网其他相关文章!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>声明:</span><div>本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn</div></div></div><div class="nphpSytBox"><span>上一篇:<a class="dBlack" title="css怎么设置透明度" href="https://m.php.cn/zh/faq/381505.html">css怎么设置透明度</a></span><span>下一篇:<a class="dBlack" title="html到底是什么" href="https://m.php.cn/zh/faq/381508.html">html到底是什么</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>相关文章</h2><em><a href="https://m.php.cn/zh/article.html" class="bBlack"><i>查看更多</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/zh/faq/348757.html" title="Html小知识总结" class="aBlack">Html小知识总结</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/zh/faq/348804.html" title="如何快速学习HTML" class="aBlack">如何快速学习HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/zh/faq/348873.html" title="html xhtml xml的区别" class="aBlack">html xhtml xml的区别</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/zh/faq/348884.html" title="src与href属性的区别" class="aBlack">src与href属性的区别</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/zh/faq/348902.html" title="关于HTML5和CSS替换使用" class="aBlack">关于HTML5和CSS替换使用</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>公益在线PHP培训,帮助PHP学习者快速成长!</p></div><div class="footermid"><a href="https://m.php.cn/zh/about/us.html">关于我们</a><a href="https://m.php.cn/zh/about/disclaimer.html">免责声明</a><a href="https://m.php.cn/zh/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>