html中表格合并单元格的代码,html5组合标题标记

  html中表格合并单元格的代码,html5组合标题标记

  使用html5实现表格实现标题合并的实例代码

  这样的需求不在少数,比如表格中相邻的列具有相同的内容,那么标题就完全可以使用一个,那么合并标题就是十分重要的,让用户感觉也会更加人性化,代码实例如下:

  !DOCTYPE htmlhtmlheadmeta charset= utf-8 meta name= author content= http://www。软为什么。com//title web前端学习扣群:731771211每日分享技术,学术交流/title style type= text/CSS body { width:98%;身高:100%;字体大小:12px背景色:# FCF;文本对齐:居中;}#tab{宽度:100%;身高:100%;字体大小:12pxfont-family:Verdana,Geneva,sans-serif Georgia, Times New Roman ,Times,serif字体粗细:加粗;背景色:# 9f 0 }/style/head body table id= tab cell padding= 1 cellspacing= 1 border= 1 tr th rowspan= 2 序号th colspan= 2 王五th colspan= 2 李四th colspan= 2 孙传th colspan= 2 胡平th rowspan= 2 合计/th /tr tr th语文/th数学/th语文/th数学/th语文/th数学/th语文/th数学/th/tr tr TH1/th th78/th th96/th th67/th th98/th th88/th th75/th th94/th th69/th/th/tr tr tr TH2/th th89/th th68/th th77/th th84/th th76/th th71/th/th/tr th3/th th75/th th78/th th89/th th77 th89/th th96/th th67/th th76/th th74/th th84/th th67/th th81/th/th th94/th th90/th th97/th th74/th th62/th th81/th th78/th/th/tr th7/th th78/th th89/th th77/th th87/th th45/th

  以上所述是小编给大家介绍的使用html5实现表格实现标题合并的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

  如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: