html5标签和属性使用 联系客服

发布时间 : 星期一 文章html5标签和属性使用更新完毕开始阅读eb22540c4693daef5ff73d82

HTML5中常用的标签(及标签的属性和作用)

1、标签:

作用:声明是文档中的第一成分,位于标签之前。 2、标签:

作用:此元素可告知浏览器其自身是一个HTML文档。 属性:manifest:值(url)为脱机使用定义缓存信息。

3、标签:

作用:标签用于定义文档的头部,它是所有头部元素的容器。

属性:profile:值(URL)一个有空格分隔的URL列表,这些URL包含着有关页面的元数据信息。

4、标签: </p><p>作用:元素可定义文档的标题。 </p><p>属性:dir:值(rtl,ltr)规定元素中内容的文本方向。 </p><p>lang:值(language_code)规定元素中内容的语言代码。 </p><p>xml:lang:值(language_code)规定XHTML文档中元素内容的语言代码。 5、标签:<body> </p><p>作用:元素定义文档的主体。 </p><p>属性:alink:值(rgb(x,x,x),#xxxxxx,colorname)不赞成使用,请使用样式取代它。规定文档中活动链接(active link)的颜色。 </p><p>background:值(URL)不赞成使用。请使用样式取代它。规定文档的背景图像。 bgcolor:值(reb(x,x,x),#xxxxxx,colorname)不赞成使用。请使用样式取代它。规定文档中的背景颜色。 </p><p>link:值(reb(x,x,x),#xxxxxx,colorname)不赞成使用。请使用样式取代它。规定文档中未访问链接的默认颜色。 </p><p>text:值(reb(x,x,x),#xxxxxx,colorname)不赞成使用。请使用样式取代它。规定文档中所以文本的颜色。 </p><p>vlink:值(reb(x,x,x),#xxxxxx,colorname)不赞成使用。请使用样式取代它。规定文档中已被访问链接的颜色。 </p><p>6、标签:<h1>到<h6>标签 </p><p>作用:<h1>-<h6>标签了定义标题。<h1>定义最大的标题,<h6>定义最小的标题。 属性:align:值(left,center,right,justify)不推荐使用。请使用样式取代它。规定标题中文本的排列。 </p><p>7、标签:<p> </p><p>作用:标签定义段落。 </p><p>属性:align:值(left,center,right,justify)不推荐使用。请使用样式取代它。规定标题中文本的排列方式。 </p><p>8、标签:<br> </p><p>作用:可插入一个简单的换行符。 属性:没有可选属性。 </p><p>9、标签:<hr> </p><p>作用:标签在HTML页面创建一条水平线。 </p><p>属性:align:值(center,left,right)不赞成使用。请使用样式取代它。规定hr元素的对齐方式。 </p><p>noshade:值(noshade)不赞成使用。请使用样式取代它。规定hr元素的颜色呈现为纯色。 </p><p>size:值(pixels)不赞成使用。请使用样式取代它。规定hr元素的高度(厚度)。 width:值(pixels %)不赞成使用。请使用样式取代它。规定hr元素的宽度。 10、标签<!-- --> </p><p>作用:注释标签用于在源文档中插入注释。 属性:没有可选属性。 </p><p>11、标签:<ul> </p><p>作用:标签定义无序列表。 </p><p>属性:compact:值(compact)不赞成使用。请使用样式取代它。规定列表呈现的效果比正常情况更小巧。 </p><p>type:值(disc,square,circle)不赞成使用。请使用样式取代它。规定列表的项目符号的类型。 </p><p>12、标签:<ol> </p><p>作用:标签定义有序列表。 </p><p>属性:compact:值(compact)HTML5 中不支持。HTML4.01 中不赞成使用。规定列表呈现的效果比正常情况更小巧。 </p><p>reversed:值(reversed)规定列表顺序为降序。(9,8,7...) start:值(number)规定有序列表的起始值。 </p><p>type:值(1,A,a,I,i)规定在列表中使用的标记类型。 </p><p>13、标签:<li> </p><p>作用:标签定义列表项目。<li>标签可使用在有序列表(<ol>)和无序列表(<ul>)中。 </p><p>属性:type:值(A,a,I,i,1,disc,square,circle)不赞成使用。请使用样式代替它。规定使</p><p>用哪种项目符号。 </p><p>value:值(number)不赞成使用。请使用样式代替它。规定列表项目的数字。 14、标签:<dl> </p><p>作用:标签定义了定义列表。标签用于结合<dt>(定义列表中的项目)和<dd>(描述列表中的项目)。 </p><p>属性:没有可选属性。 </p><p>15、标签:<dt> </p><p>作用:标签定义了定义列表中的项目。 属性:没有可选属性。 </p><p>16、标签:<dd> </p><p>作用:在定义列表中定义条目的定义部分。 属性:没有可选属性。 </p><p>17、标签:<a> </p><p>作用:标签定义超链接,用于从一张页面链接到另一张页面。<a>元素最重要的属性是href属性,它指示链接的目标。 </p><p>属性:charset:值(char_encoding)HTML5中不支持。规定被链接文档的字符集。 coords:值(coordinates)HTML5中不支持。规定链接的坐标。 download:值(filename)规定被下载的超链接目标。 href:值(URL)规定链接指向的页面的URL。 </p><p>hreflang:值(language_code)规定被链接文档的语言。 </p><p>media:值(media_query)规定被链接文档是为何种媒介/设备优化的。 name:值(section_name)HTML5中不支持。规定锚的名称。 rel:值(text)规定当前文档与被链接文档之间的关系。 </p><p>rev:值(text)HTML5中不支持。规定链接文档与当前文档之间的关系。 shape:值(default,rect,circle,poly)HTML5中不支持。规定链接的形状。 </p><p>target:值(_blank,_parent,_self,_top,framename)规定在何处打开链接文档。 type:值(MIME type)规定被链接文档的的MIME类型。 18、标签:<nav> </p><p>作用:标签定义导航链接的部分。 属性:没有可选属性。 </p><p>19、标签:<table> </p><p>作用:标签定义HTML表格。 </p><p>属性:align:值(left,center,right)不赞成使用。请使用样式代替。规定表格相对周围元素的对齐方式。 </p><p>bgcolor:值(rgb(x,x,x),#xxxxxx,colorname)不赞成使用。请使用样式代替。规定表格的背景颜色。 </p><p>border:值(pixels)规定表格边框的宽度。 </p><p>cellpadding:值(pixels %)规定单元边沿与其内容之间的空白。 cellspacing:值(pixels %)规定单元格之间的空白。 </p><p>frame:值(void,above,below,hsides,lhs,rhs,vsides,box,border)规定外侧边框的哪个部分是可见的。 </p><p>rules:值(none,groups,rows,cols,all)规定内侧边框的哪个部分是可见的。 summar:值(text)规定表格的摘要。 width:值(% pixels)规定表格的宽度。 </p><p>20、标签:<caption> </p><p>作用:标签定义表格的标题。<caption>标签必须直接放置到<table>标签之后。 属性:align:值(left,right,top,bottom)不赞成使用。请使用样式取而代之。规定标题的对齐方式。 </p><p>21、标签:<th>列 </p><p>作用:定义表格内的表头单元格。<th>元素内部的文本会呈现为居中的粗体文本。 属性:abbr:值(text)规定单元格中内容的缩写版本。 </p><p>align:值(left,right,center,justify,char)规定单元格内容的水平对齐方式。 axis:值(category_name)对单元格进行分类。 </p><p>bgcolor:值(rgb(x,x,x),#xxxxxx,colorname)不推荐使用。请使用样式代替它。规定表格单元格的背景颜色。 </p><p>char:值(character)规定根据哪个字符来进行内容的对齐。 charoff:值(number)规定对齐字符的偏移量。 colspan:值(number)设置单元格可横跨的列数。 </p><p>headers:值(idrefs)有空格分隔的表头单元格ID列表,为数据单元格提供表头信息。 height:值(pixels %)不推荐使用。请使用样式代替它。规定表格单元格的高度。 nowrap:值(nowrap)不推荐使用。请使用样式替代它。规定单元格中的内容是否折行。 rowspan:值(number)规定单元格可横跨的行数。 </p><p>scope:值(col,colgroup,row,rowgroup)定义将表头数据与单元数据相关联的方法。 valign:值(top,middle,bottom,baseline)规定单元格内容的垂直排列方式。 </p><p>width:值(pixels %)不推荐使用。请使用样式取而代之。规定表格单元格的宽度。 22、标签:<tr>行 </p><p>作用:标签定义HTML表格中的行。 </p><p>属性:align:值(right,left,center,justify,char)定义表格行的内容对齐方式。 </p><p>bgcolor:值(rgb(x,x,x)#xxxxxx,colorname)不赞成使用。请使用样式取而代之。规定表格行的背景颜色。 </p><p>char:值(character)规定根据哪个字符来进行文本对齐。 charoff:值(number)规定第一个对齐字符的偏移量。 </p><p>valign:值(top,middle,bottom,baseline)规定表格行内容。 </p><p></p><div class="page"><ul><li><a href=lhd_96a8k0h8r78jj339naf6_1.html class="hover" >1</a></li><li><a href=lhd_96a8k0h8r78jj339naf6_2.html>2</a></li></ul></div><a name="bot"></a></div> <!--<div class="ad1" style="height:95px;"> <script async src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>--> <!-- sn wap z --> <!--<ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-8169456067121985' data-ad-slot='3491987038' data-ad-format='auto'></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div>--> <div class="conter-line"> <a rel="nofollow" class="title2" href="/lhdl_96a8k0h8r78jj339naf6.html" target="_blank">Word文档下载:html5标签和属性使用.doc</a> <a class="top" title="" href="#top"></a> </div> <div class="conter-line"><a class="title2" title="html5标签和属性使用" href="lhs_02w03803103001hkjroe6gp8i8uizrfpbn54_1.html">搜索更多:html5标签和属性使用</a> <a class="top" title="" href="#top"></a> </div><br> <div class="conter-line"><a class="title2" href="#">最新浏览</a> <div class="next-txt sile-list"> <ul> <li><a title="输水管道水力计算公式" href="lhs_sczldgof5sibldggbfrkxoevg30irz_1.html">输水管道水力计算公式</a></li><li><a title="2019年中国物联网平台市场深度调查分析及发展前景研究报告目" href="lhs_01e01c01d01linoffxh6lmllpckp5dinngkwikih8alptip2rnnkitg7akgggjugk1i8lg99k8fnpwo6ujhhgnenhq_1.html">2019年中国物联网平台市场深度调查分析及发展</a></li><li><a title="船舶防风防冻及冰区航行须知" href="lhs_pq1ppyto2u6mto2g57gjug4wgfuppmqx8u4bnol_1.html">船舶防风防冻及冰区航行须知</a></li><li><a title="经典内部资料:文献学历年试题((自学考试" href="lhs_p1rg3cg3psmgrwkk2h01mk1zmr2i1yghyinormdu54014014pnui1ypabrmd_1.html">经典内部资料:文献学历年试题((自学考试</a></li><li><a title="[成才之路]2014-2015学年高中英语强化练习必修三(十" href="lhs_02jjdcjf1fgrs1b02l01e01c01d01g01901e01c01d01hi1yinoul4ffxpv5rn1it6geup1ffhcix1fsefex014gg1_1.html">[成才之路]2014-2015学年高中英语强化</a></li><li><a title="新型保温材料在火力发电厂的应用与经济性能分析" href="lhs_k34hajfrxlrdkeok2hh7sm7fgbfgk1n5hghunesiokn54ff2p1rllaizrph9g7akgg_1.html">新型保温材料在火力发电厂的应用与经济性能分析</a></li><li><a title="初中音乐教案说课稿全套-初中音乐说课" href="lhs_g7xffxu0jfgwk0pklkrn8rnio5bg2whnb019g7xffxu0jfgwrn8rni_1.html">初中音乐教案说课稿全套-初中音乐说课</a></li><li><a title="实验诊断学病例分析" href="lhs_i3iuj0rm2k31i1yn9hfpng7akgg_1.html">实验诊断学病例分析</a></li><li><a title="(3份试卷汇总)2019-2020学年宜" href="lhs_01401fflprmdghjldzj0b01501e01c01d01l01901e01c01e01ci1yinoi3g_1.html">(3份试卷汇总)2019-2020学年宜</a></li><li><a title="机械设计课程思考题和习题(适用教材:李建功主编《机械设计》(" href="lhs_ke2kogrlqrkxrnio3vizhpabu54gp8fhcu54014sg2n54k0pkeo01mkemiregbjfgbp3q9hmke2kogrlqrkx9hn014_1.html">机械设计课程思考题和习题(适用教材:李建功主编</a></li><li><a href=/bk/>百科学习知识的地方</a></li><li><a href=/fw/>免费范文大全</a></li> </ul> </div> </div><br><br> </div> <div class="side"> <div class="side-conter"> <div class="conter-line"> <a class="title3" title="" target="_blank">热门浏览</a> </div> <div class="next-txt sile-list"> <ul><li><a title="html5标签和属性使用" href=lhd_96a8k0h8r78jj339naf6_1.html>html5标签和属性使用</a></li><li><a title="苏州市[苏教版]2019年一年级上册数学期末试卷及答案(6套,25页) - 图文" href=lhd_92ipy91gru83uyx9681999g5n13tgu00uru_2.html>苏州市[苏教版]2019年一年级上册数学期末试卷及答案(6套,25页) - 图文</a></li><li><a title="2018高考全国I、Ⅱ、Ⅲ卷化学试题与答案解析汇编" href=lhd_80cpc93su77s7tu43p391qw0b8cvba00t50_5.html>2018高考全国I、Ⅱ、Ⅲ卷化学试题与答案解析汇编</a></li><li><a title="固体废物处理与处置最新课后答案(宁平版)" href=lhd_5hhvh1i28h55mbv22qpe_2.html>固体废物处理与处置最新课后答案(宁平版)</a></li><li><a title="(9份试卷汇总)2019-2020学年北京市顺义区高考理综物理三模考试卷" href=lhd_2hw8q1rp1d03ypi6bk157e16g2f50200ova_4.html>(9份试卷汇总)2019-2020学年北京市顺义区高考理综物理三模考试卷</a></li><li><a title="牛津译林版八年级英语下册8B Unit6单元试卷(含答案)" href=lhd_5xtbr6efed9jajr88ky455t2h95x5500wca_1.html>牛津译林版八年级英语下册8B Unit6单元试卷(含答案)</a></li><li><a title="最新北师大版小学数学1一年级上册(全套)试卷【含答案】" href=lhd_18qvi7733p6ehs64cxfu8wrp7230fg017te_8.html>最新北师大版小学数学1一年级上册(全套)试卷【含答案】</a></li><li><a title="银行从业资格考试个人贷款复习资料" href=lhd_4si7k9yrje8qp2012imx4yj364q3d4011kd_2.html>银行从业资格考试个人贷款复习资料</a></li><li><a title="江南大学2016.09计算机应用基础(专科类)第3阶段测试题" href=lhd_0l2i22wo4k3gznb0gt563y3j84vsq000ada_1.html>江南大学2016.09计算机应用基础(专科类)第3阶段测试题</a></li><li><a title="维宏系统百问新版" href=lhd_4zgo86a5gp7e16g2fbwx_4.html>维宏系统百问新版</a></li><li><a title="最新HDS VSP G200安装配置指南资料" href=lhd_5me2t74miv92i2p9mey92mdyx4233001cah_10.html>最新HDS VSP G200安装配置指南资料</a></li><li><a title="健康教育推进年 jsp" href=lhd_03e4c7g9vu4qfr016roq_9.html>健康教育推进年 jsp</a></li><li><a title="毒理学习题集库(包括简答、名解、论述等答案)" href=lhd_6sg048kns44oweg0pitv_2.html>毒理学习题集库(包括简答、名解、论述等答案)</a></li><li><a title="初中音乐教案说课稿全套-初中音乐说课" href=lhd_7f0dm3785u6bod04q39t7z7sh75m1a00oen_3.html>初中音乐教案说课稿全套-初中音乐说课</a></li><li><a title="船舶防风防冻及冰区航行须知" href=lhd_18sra6k73z9mzf10wd2y_1.html>船舶防风防冻及冰区航行须知</a></li><li><a title="康复科优势病种诊疗方案及方案优化" href=lhd_6kw3i4ibym9ersa9r169_4.html>康复科优势病种诊疗方案及方案优化</a></li> </ul> <!--<script type="text/javascript"> var cpro_id = "u6856879"; </script>--> <!--<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js"></script><script type="text/javascript"> var cpro_id = "u6855658"; </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js"></script>--> </div> </div> <div class="ad5s" id="pin"> </div> </div> </div> <div class="footer"> <div class="main"> <a class="footer-logo"></a> <ul> <li><a href="new.html" target="_blank">精选文档</a></li> <li><a href="about.asp?id=1" target="_blank"> | 免责声明</a></li> <li><a href="about.asp?id=2">| 服务条款</a></li> <li><a href="about.asp?id=3">| 联系我们</a></li> <li><a href="javascript:go2('lhd_96a8k0h8r78jj339naf6_1.html')">| 举报本页文档</a></li> </ul> <span>All rights reserved Powered by <a href="./"> 南京廖华 </a><br /> 资料来自互联网, 有任何疑问,请联系客服邮箱:xxxxx☒qq.com qq:xxxxx <a href="https://beian.miit.gov.cn/" target="_blank" class="text">苏ICP备20003344号-1</a> </span></div> </div> <script src="http://cpro.baidustatic.com/cpro/ui/f.js" type="text/javascript"></script> <script type="text/javascript">function c(){if(f1.word.value==''){f1.word.focus();}else{f1.action='ss.asp';f1.submit();}return false;} function go2(t){document.f1.action='about.asp?url='+t;document.f1.target="_blank";document.f1.submit();} </script> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(window).scroll(function() { var h = $(window).height(); var top = $(window).scrollTop(); var rFixedBox = $('#pin').prev().offset(); var fixedTop = rFixedBox.top; if(top>=fixedTop+$('#pin').prev().height()) $('#pin').css({'position':'fixed','top': 0}); else $('#pin').css({'position':'static', 'top':0}); }); </script></body> </html>