Web

一起来学习制作表格

2019-06-04  本文已影响160人  周周很可爱

在HTML中,使用table标签来创建一个表格

在table标签中使用tr来表示表格中的一行,有几行就有几对tr

在tr中需要使用td来创建一个单元格,有几个单元格就有几个td

表格分为三个部分,表头,表格的主体,表格底部

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

thead 表头

tbody 表格主体

tfoot 表格底部

这三个标签的作用,就来区分表格的不同的部分,他们都是table的子标签,都需要直接写到table中,tr需要写在这些标签当中

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

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

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

接下来让我们一起制作一个表格吧

先建一个table盒子 然后在它里面写内容,thead相当于它的头部,它里面写的内容永远都是在表格头部,caption这个盒子里面写的内容就是表格的标题,tbody中的内容,永远都会显示表格的中间tfoot中的内容,td里面我们就写表格框里的内容,

下面就是我做的效果

上一篇下一篇

猜你喜欢

热点阅读