web前端入门到实战:html表格table的使用,以及表格的css样式


表格内容
表格内容
 
     
         
         
     
         
     
    
表格内容
表格内容 表格内容 表格内容 表格内容 表格内容
表格内容 表格内容 表格内容 表格内容
表格内容 表格内容 表格内容 表格内容
表格内容 表格内容 表格内容 表格内容 表格内容
表格内容 表格内容 表格内容 表格内容表格内容
表格内容 表格内容 表格内容 表格内容表格内容
web前端开发学习Q-q-u-n: 491404389 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频,PDF)

有一些情况下表格是非常的长的,

创新互联拥有一支富有激情的企业网站制作团队,在互联网网站建设行业深耕十载,专业且经验丰富。十载网站优化营销经验,我们已为上千多家中小企业提供了成都网站设计、成都网站制作、外贸网站建设解决方案,按需开发网站,设计满意,售后服务无忧。所有客户皆提供一年免费网站维护!

这时就需要将表格分为三个部分,表头,表格的主体,表格底部

在HTML中为我们提供了三个标签:

thead表头

tbody表格主体

tfoot表格底部

这三个标签的作用,就来区分表格的不同的部分,他们都是table的子标签,

都需要直接写到table中,tr需要写在这些标签当中

thead中的内容,永远会显示在表格的头部:

tfoot中的内容,永远都会显示表格的底部

tbody中的内容,永远都会显示表格的中间

注意:设置样式时:

如果表格中没有写tbody,浏览器会自动在表格中添加tbody

并且将所有的tr都放到tbody中,所以tr并不是table的子元素.而是他的后代


当前文章:web前端入门到实战:html表格table的使用,以及表格的css样式
当前URL:http://bzwzjz.com/article/pcgoos.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 重庆网站建设 移动手机网站制作 成都网站建设推广 重庆网站制作 成都网站建设 网站制作 高端网站建设 成都网站设计 手机网站制作 企业网站建设 成都网站设计 成都网站建设 重庆外贸网站建设 成都网站制作 营销型网站建设 成都企业网站建设公司 营销网站建设 重庆网站设计 营销型网站建设 手机网站建设 网站设计制作