00:00
好嘞,那以上的话,我们表格基本上内容我们就介绍完毕了,然后呢,再给大家来一点拓展的,接下来作为了解就行了,那表格呢,可以划分结构的,以前我们说一个页面中是不是可以划分为一个头啊是吧?哎,就是我们上面呢,是我们的一个页面的头部啊,底下呢是我页面的一个身体这么划分的,所以说在我们结构里面有head是头,Body是身体这么一种结构,而我站在一个表格的角度去考虑,那么表格也可以这么划分,对于一些比较复杂的,复杂的表格啊,哎,它就可以来进行来划分了,那可以划分为剃头啊,正文还有脚注划分为这么三部分,那比如说我拿我这提前已经做好了这样一个普通的一个表格,他呢也可以来进行划分,那比如说这个表格你看啊,姓名性别和年龄啊,我请了四大哎,四大天王啊,刘若英刘刘刘晓庆还刘三杰刘德华对吧,然后呢,来开在我们北京校区啊开个演唱会,OK,那这个表格呢,我如果来进行划分。
01:00
也可以划分为这么三部分呀,首先这个是不是可以看作是表格的头部分呀,而这个是不是可以看作是表格的主体部分呀,而最后呢,哎,我的地址是不是可以看作这种表格的脚部分,就是脚柱,就是我们的页面底,就是这个表格的底部是不是分为上中下头,身体和脚是不是三部分组成的?哎,如果这么划分也是可以的啊,当然了,当我我写的时候,我已经把代码提前已经写好了,你看分别放到第一行,第二行,第三行,第四行和第五行,最后一个呢,来了个合并单元格而已,咱们刚讲过的,我并没有给划分,但是同学们跟我来看,我们刷新一遍啊,右击啊,我这有个检查,这个我们后面会专门教给大家去讲我们这个调试工具,当我打开完毕之后,给我来看,在我们的body底标签里面去,我这个table特别完之后呢,它自动给我们添加了一个叫做T保。所谓的T包地的意思,也就是说是是不是页面主体啊,它手动给我们添加上了,但是呢,它默认的是不把整个都划分成T胞地呀,如果在特殊情况下,你想要给它划分成三个不同的,那我们可以手动去写好,那我们看一看怎么去划分呢?哎,在结构里面是可以有的啊,在里面去你看比如说我们上午。
02:12
刚才刚讲过的这个能这里面这个页面的话,它里面也自动给我们添加t hi和tbo也是有用的,那我们看一下第一个叫t hi啊,这个单词记住啊,它TH不一样,T hi的是定义表格的头部,放标题之类的东西,这个一定要注意啊,它是定义我们表格,整个表格的头部,它不是头部单元格啊,跟你表格的。头部好在哪个地方呢?你比如说我的第一行,这个TR是不是就是我们的第一行了,那姓名、性别和年龄,它展示我这个可以定为t hi就行了,快点写到这里面去,看我怎么做的啊,然后全部选中CTRL加X剪切走,然后输入一个t had看好了吗?哎,T hi好,写完毕之后CTRL加V展贴,这就是我们的第一行了。哎,结构要调调清楚一点啊,那我用了T害的是不表示我这个头部了,写完毕之后CTRL加S保存给我来看效果啊,一刷新那你发现基本上没什么大的变化,但是呢,到我检查里面,你去看一看,它里面就有了包底里面去,你看黑豹里面第一个,第一个是不是就T害了,当我点击这个t hat之后,你会发现,诶,是不是把上面这一行给我们选出来了。
03:21
这个是不是我们手动定义的,这叫做头部好,那么下面呢,我再做一个t body t body呢,我想呢,把这几行内容区用t body表示出来,那做法同理,做法同理呢,你从第一行,第二行,第三行和第四行最后一行不要解气走解气走啊,然后呢,在这领去再写上一个什么呀,T body OK,就是我们表格的主体部分一展天好了,那这样的话,我的t body这一部分也有了啊。嗯,缩紧OK。手机手机一下啊,OK,调清楚一点啊呃,强迫症啊,必须调清楚,要不然不舒服看着好了,那T包我们又给它搞定好啊搞定好之后呢,我继续雨刷新,同学们跟我再来看,那你会发现我这个结构里面是不是又有了T害的,又有了一个T保底的,诶下面是不是多了一个T保底,不要紧,一会我给你手动改过来啊,那这个T包点我们选中完之后你就会发现,诶是不是就把这一块给它选出来了,这个呢是我表格中的主体部分,是站在我们的角度,我们是不是手动给它划分的呀,可以好,那最后一部分就不用多说了,是是不是页面的角部分了,那角部分我们用什么呢?刚才说了t body是定义它的啊,然后呢,T foot是定义我们的脚注之类的,那你看看我做了一个最后一行呢,我做了一个地址,好OK,我进气走啊进气走,然后呢,我输一个肩括号t foot。
04:40
哎,就是foot是不是就脚的意思啊,脚步啊抖,哎,你呢,缩进去走一个OK,那这样t foot就有了,好写完毕之后呢,我们再刷新一遍再走,那这样话我们的结构就可以划分出来了,喏,你看是不是有三行t head t body和t foot,这样我把我整个表格是不是划分了头、身体和脚三大部分,那么我们以后呢,就方便我们可以整体来控制了,哎,你看我选择t foot,当我点击这个标签的时候,你发现下面这一行是不是被选中了,那这就是我给大家,给大家让大家简单介绍的一部分,是我们的什么呀,表格的结构划分。
05:17
那这时我们说了,我们可以用head body foot来这样,这样可以更好的分清楚我们的表格结构,哎。这个呢,我们后面会多了一个标签,后面控制起来呢也会更容易一些,比如说我们学了CSS之后,我就可以让最后一行呢变一个颜色,中间一行呢,中间这一段呢,变成个红色或绿色,蓝色,而上面这一个呢,再单独变个颜色,因为有三个标签是不是把它们包含起来了,这就是我们说的表格的主结构,目的就是为了让我们的表格结构是不是更清晰呀,哎,这个呢,大家作为了解下就行了,然后呢,需要我们注意这个t hi有一个一定要注意啊,T hi的内部必须拥有TR标签,也就是说必须拥有行标签才可以,所以说你看我这个t hi的里面是不是有一个行了,可以的,好,那这个呢,作为一个拓展的了解一部分,也说我们以后呢,可以给我们这个表格呢,划分结构,并不是说这三个一定要全部有t fo这个东西我们一般用的比较少啊,你像这个结构呢,用的比较少就可以不用了,一般情况最常见于t had和tea body这两部分还是比较常见的,如果你不写,有一部分会自动生成,你也可以手动给它添加。
06:24
好,这个呢,是给大家介绍的我们表格划分结构,当然这三个标签大家了解一下。
我来说两句