美文网首页Web
一起来学习制作表格

一起来学习制作表格

作者: 周周很可爱 | 来源:发表于2019-06-04 19:59 被阅读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里面我们就写表格框里的内容,

    下面就是我做的效果

    相关文章

      网友评论

        本文标题:一起来学习制作表格

        本文链接:https://www.haomeiwen.com/subject/bxwrxctx.html