尚硅谷前端基础 (97)

好，那么刚刚呢，我们介绍的是一个我们最最常用的一个表格，那接下来呢，其实我们现实生活中还有一些比较，呃，比较特殊的表格是吧，我们叫称其为什么呢？称其为叫做长表格，长表格那什么叫长表格呢？哎，长表格顾名思义就是比较，就是比较长的表格，比较长的表格嗯，那有哪些呢？诶比如说举个例子啊，像可能我们平时呃，你去银行可能要打你那个银行的流水，对吧，银行的流水一般都比较长，可能一打打一年那个支出啊收入的情况，或者呢，还有时候我们有那个成绩单，哎，成绩单可能往往也会什么呢？哎，也会比较比较长啊，所以这个时候这些表格我们都叫做一个长表格，那我们举个例子啊，我们举个例子，嗯。我们就拿一个简单的例子吧，简单的例子，那比如说我们就举我们这个。举我们这个银行的流水啊，银行的流水，银行的流水我们简单模拟一下，它可能是这样的是吧，可能是这样的，我们有什么呢？有这个收入是吧？有这个什么呢？有这个支出，诶还有什么呢？还有我们这个合计，诶当然还有一个最重要的没忘了写了叫什么呢？诶叫做我们这个日期对吧，日期，那比如说我这写一个是吧，写一个这个，诶写一个2000年，诶1月1号，诶1月1号，那我收入呢，收入是200，诶支出是100，那么合计就什么呀？诶就剩100对吧，剩100，然后呢，呃，我这2000年的一个这个，诶1月2号，那我收入呢是500，诶支出呢是200，哎合计呢，就是一个什么呀，合计就是一个300啊然后呢，诶2000年的一个这个，呃，一月的一个三号啊，我收入呢是400啊300，诶蜘蛛呢是一百五还150，那我就剩一个，哎，剩一个一百五对吧，然后最后我还有一个合计是吧，最后还有一个合计，合计呢，哎，我可能这这三天。

是吧，一共挣了一共是呃400应该是550块钱，哎，假如说啊，当然这不是一个特别标准的一个表，那大概是这么一个情况，那这个时候注意了，像这种表格，它中间这个部分可能会非常非常长啊，中间这部分可能会非常非常长，因为你可能要打一年打两年的嘛，中间这个会非常非常长，可能有哎有好几百行啊，甚至好几千行那么长啊，非常非常长，那这个时候很明显，我的这个表格实际上它整体上它分成了三个部分，哪三个部分呢？这一个部分它属于我们的表头，对吧，这个部分属于我们表格的一个底部，而这个部分就属于我们的表格什么呢？诶表格的一个这个底部懂意思吧，诶，就是说我还可以再把这个表格再进行细分，除了什么行啊单元格啊，我还可以再分啊头啊主体还有底部，所以这个时候我们就要再说几个。

标签了，我们先创建这么一个表格叫什么呢？哎，我们还是使用这个table，但是这个时候不一样了，在table里我们有三个标签，一个叫t hi，一个叫tea body，还有一个叫做T，哎，Foot啊t foot这三个，那我们这里应该注意我们什么呢？哎，我们可以将一个这个表格诶分成什么呢？分成三个部分，哪三个部分，哎，头部哎主体还有什么呢？哎，主体还有我们的一个底部，头部我们叫做一个贴head，主体我们叫做一个贴body，底部我们叫做一个foot啊我们分成了这么三个部分啊三个部分，那这三个部分它们什么作用？注意了，这个三个里边是装TR的啊，装TR的你可以把头部的TR放到T焊里，那比如说我就可以再写一个TR，那么头部那有什么呀？诶里边接着TD什么都是一样的啊，TD有什么呢？有这个日期。

然后呢，我们这复制一下啊，有什么呢？有这个收入，哎收入还有什么呢？还有我们这个支出，哎还有我们这个合计，这个是不是就代表我们这个头部的R，哎，头部TR，然后t body呢，表示的是我这个主体的啊主体的TR这里面我们直接CTRLCCTRLV给它粘过来，Pbo表示我们那个主体的一个TR，它表示我们呃主体的一个部分，那这个时候里边呢，我们就可以写我们这些诶详细信息了，诶比如说我们日期2000年1月1日，然后呢，收入，收入可能是500啊500，然后支出呢是200，呃200合计呢，我剩这个剩300，那这个是我就出这么一个，哎，那接下来呢，我t Bo的里边，我可以多写几个是吧，哎，多写几个啊然后在这呢，我们稍微格式化一下。

哎，多写几个是吧，我们这一块就出来了，然后还有一个就是我们底部，底部的话，就我们那个表格底部对吧，我们需要写一下CTRLCCTRLV，那这个里边的底部的话，其实我们这个底部的话，它其实只有什么呢？只有两个格对吧？只有两个格，只有两个格，但是前面两个是空的对吧，其实也是四个格，只是前面两个是空的，所以我就可以把前边两个给它变成空的，然后我这儿写一个合计，哎合计大概呢，我们就是这样一个结构，对吧，这表格我们就给它写完了，然后呢，我可以给他写点简单的样式，BORDERER1，然后。

等于一个50%，50%啊，然后呢，这个我们来一个这个这个这个呃，Alan，我们来一个这个center啊，做一个居中的效果啊center，那现在那这个就是一个长表格啊，那当然中间这块你还可以再多啊，你可以再多，但是我们主要是要甩出来这三个标签，T hi tbo，还有这个t food啊，表示表格的不同部分，那它有什么好处，它的好处其实就是结构你固定了以后，它编写的位置就没什么关系了，比如说我现在把T负的写到最上边，我把T负的写到T海的海往上有没有关系，没有关系，它的位置还是在表格最下边，我把t hi写到t body还往下，那这个时候它的位置它也是什么，也是头部，所以这个时候你分成这么细致的一个结构的好处就是t head永远表示头部，永远在最上边，Tvo永远表示底部，表示在这个最下边，哎，主要就这么一个东西，但是它整体来说用的呢。

用的并不是那么多啊，用的并不是那么多，了解一下OK了，这里边用的最多的其实t boy可能用的比较多一点，他用的多还是一些特殊情况，待会儿来解释，但是你现在需要先对这三个标签留一个印象，然后除了这三个的话，我们还有一个叫做THTH呢是用来代替TD的，你可以把这个TD呢都换成TH呢，就表示这个hier标头的意思是吧头的意思，那这里边我们还可以什么呢？还可以用THTH表示什么呢？TH表示我们这个头部的一个单元格，所以你看啊，当我把这些东西换成TH以后，它是不是有一个加粗居中的效果呀，但是效果还是不管的，还是羽翼，羽翼就是表格一个头部，头部的编单元格啊，单元格还是用的也没有那么多啊，了解一下了解一下，不多说了，我们来停一下。