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样式
本文地址:http://azwzsj.com/article/pcgoos.html