您好,登录后才能下订单哦!
这篇“html表格分区与分组控制的示例”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“html表格分区与分组控制的示例”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。
1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。 2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。 3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。 4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
1. 表格的分区主要用<thead><tbody><tfoot>将表格分为头部,主体,尾部三分部
2. 这三个表格分区标签本身没有任何样式,仅仅是一个区块划分标记罢了
除了可以对表格进行分区控制外,还可以对每一列进行分组,这样可以快速的进行设置,提高效率
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格的分区与分组控制</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="80%"> <caption><h4>岛国明星TOP50排行榜</h4></caption> <!-- 对每一列进行分组控制 --> <!-- <colgroup>:可以对一列进行整体控制,但能用的属性非常有限,通常要配合css才能发挥作用 --> <!-- <col>标签可对分到一组的每一列进行更加精准的控制 --> <colgroup span="1" bgcolor="lightgreen"></colgroup> <colgroup span="1" bgcolor="lightgreen"></colgroup> <colgroup span="2" bgcolor="lightyellow"> <!-- 对第三列单独控制 --> <col bgcolor="lightgray"> <col> </colgroup> <colgroup span="2" bgcolor="cyan"></colgroup> <thead> <!-- bgcolor可以设置行或单元格的背景颜色 --> <tr bgcolor="skyblue"> <!-- <th>标签内部文本默认会加粗居中显示,非常适合做表头 --> <th>ID</th> <th>姓名</th> <th>腰围</th> <th>腰围</th> <th>臀围</th> </tr> <tr> <td align="center">01</td> <td align="center">波多野结衣</td> <td align="center">88</td> <td align="center">59</td> <td align="center">85</td> </tr> <tr> <td align="center">02</td> <td align="center">小泽玛利亚</td> <td align="center">90</td> <td align="center">60</td> <td align="center">85</td> </tr> <tr> <td align="center">03</td> <td align="center">浅川梨奈</td> <td align="center">87</td> <td align="center">61</td> <td align="center">88</td> </tr> <tr> <td align="center">04</td> <td align="center">深田恭子</td> <td align="center">86</td> <td align="center">62</td> <td align="center">88</td> </tr> <tr> <td align="center">05</td> <td align="center">苍老师</td> <td align="center">88</td> <td align="center">68</td> <td align="center">90</td> </tr> </tbody> <!-- tfoot:表格底部,目前暂时无内容,保持空即可 --> <tfoot> </tfoot> </table> <p align="center"> <a href="">首页</a> <a href="">上一页</a> <a href="">1</a> <a href="">2</a> <a href="">3</a> <a href="">...</a> <a href="">下一页</a> <a href="">尾页</a> </p> </body> </html>
以上是“html表格分区与分组控制的示例”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。