00:00
好了,在讲创建表格之前呢,先把我们的环境搭建起来,诶你看啊,我打开我这sub选择文件菜单,里面有一个叫做打开文件夹啊,然后找到我们桌面上,然后今天是我们的第二天,找到我们这个案例文件夹,双击打开,OK,好了之后点一下选择文件夹。这样的话,我们就把这个文件夹建好了,好我还是先保存一份放到我们ID里去,我们叫做零一杠,然后呢是创建表格,点HTL,这个千万不要忘了,好然后呢,进来之后呢,输入叹号,然后走一个,这样的话,我们的结构已经创建完毕了,就可以往里面去写表格了,那表格到底是怎么组成的,那我们来看一下表格是怎么创建的,那先看一看我们最普通的一个表格,然后在这你看到这个表格的话,首先我们知道是不是有行。哎,还有单元格哎里面来组成的啊,那同样道理的话呢,在我们这一个表格里面,它是有三个重点标签来组成,分别是表格标签,行标签,还有单元格标签,是不是重点这三个标签呀,要深刻体会它们的构成,来跟我来看一下它是怎么样子的,我们先看第一个,我们称为表格标签table报,Table报用于定位意一个表格标签now在这里面去,这才是真正意义上的table报标签now这个。
01:18
看懂了吗?同志们,这个四方框框啊,才是真正的table,叫表格标签,好,那我们在代码里面把它创建一下,第一个我们选择它啊,Table标签,OK,那这就是一个最普通的表格标签了,表格标签是不是就是一个四方框框,记住啊,这是推保标签,好有了之后呢,我们再来看,那真正里面是表格里面是不是势必有行的一个概念呢?行,我们用TR,对现在代替,它必须嵌套在我们表格之中,因为只有表格里面是不是才有行的概念,OK,我们再创建一个行,同志们给我来走一走,我们是在一行上,OK,这才是真正意义上的行标签TR。哎,在表格里面,那我再创建一个TR标签,OK,进括号TR,这就是一个行标签了,那有了行之后呢,我们再放什么呢?哎,里面再放的话,是不是就是我的单元格了,那你看这里面有姓名性别和年龄,是不是有123,是不是有三个单元格呀,哎,在这里面啊,所以是里面装的三个单元格,所以说呢,在我们这里面啊,代码里面是直接写单元格就可以了,一个单元格,哎是两个单元格,是这么写的,好TD,然后呢杠TD,这一个TD表示是一个单元格的意思,保存给我来看啊,那一个TD表是一个单元格,你看第一个单元格的名字是不是叫姓名啊,我给他写上来,到这里面去,你的第一个呢,叫做什么呀,姓名好,这是第一个,是不是已经给他写完毕了,这是第一个单元格,好了,那还有第二个单元格叫做年龄,是不是它在另外一个单元格的后面呢?那也就是说我在它的后面呢,再写上一个,哎,你就把它呢再来一个,第二个叫什么呀,姓名之后呢,是年。
02:58
对不对,第三个叫什么呢?性别,哎,你是男的女的呀,哦,你是man还是woman呀,OK,到这里面去CTRL加微展贴,这个叫做什么呀?哎呃,性别OK,那这样的话我们它就可以改出来了。
03:14
你看一行里面是不是有三个单元格呀,这个就构成了我们想要的这样一个完整的表格结构。哎,所以说你会发现有同学发现,哎,老师这里面竟然没有列,哎,恭喜你发现了,你回答的很正确,在我们这个表格代码里面去是没有列的概念,它的构成就是表格加行加单元格组成的,能看明白吗?这是它的一个主要目的了啊好了,那么这个TD呢,是用于。定义表的表格中的单元格啊,必须放到行里面去,也就是说行是放在表格里面,单元格是放到行里面的,那这个TD是什么意思呢?哎,TD叫做table date,哎,G数据单元格,这个数据单元格,所以我们明白我们说了表格它最合适地方是用来干什么的,是不是用来进行存储数据的,或者是用来干什么呀,显示数据的是不是都可以呀,都可以的啊好了,那么这个写完之后呢,我快点预览预览,看看同学们能不能显示出来啊,右击在浏览器中打开走一个,哎,能有没出来,有那你会发现,诶确实是按照我这个里面是不是有三个单元格分别构成了它们三个。
04:21
能看明白吗?哎,一行三列单元,一行三个单元格好了,那只不过呢,我们一般情况下,你这么看起来可能不是很舒服啊,我们习惯性这么写了,大家尽量按照我的这个来就行了啊,哎,习惯性的写啊走啊。走。走,然后呢,这是孩子缩进一下,我们习惯性的写,这是一行,他明白吗?这是一行,一行里面包含着三个单元格,因为TD是它的一个,什么呀,孩子要缩进一个距离,缩进一个table的距离,这样看起来会更直观一些,以后咱们通通这么写好不好?哎,记住这个格式就行了,好,那么我想要数据了,现在呢,只是把我这个头列出来了,然后姓名叫什么,年龄叫什么,性别是不是和他一一对应着的,不要紧,你不需再写了,你只需要从头复制一份CLCCL加V,这是第一行。
05:08
我慢慢来啊,同学们,我慢一点,这是第一行三个单元格,那第二行里面是不是还是三个单元格呀,那只有你这样相同是不是才能够对起来呀?你看这是不是第一行呀,里面有三个单元格,这是不是第二行里面有三个单元格,这是不是第三行里面有三个单元格呀,没问题,都是这个样子的啊好了,那么我再给他填写数据了,第二行,这是第二行里面的三个单元格,第一个单元格是不是和它相对应的呀?第二个单元格是不是和它相对应着的呢?剩下的肯定相对应了,那你看啊,这第二行第一行第一个叫姓名,那我这个呢,就叫做张三。可不可以,哎,叫张三就行了啊好了,那年龄是不是和第二个单元格对应着的呀,它相同啊,年龄张三18岁是不是啊好,性别是不是和他对应着的呀,那我叫做男就行了。
06:01
OK,那这样的话,我的这一行就出来了,那我来刷新一下,看看效果行不行,一刷新有没有出来,有,那看张三男18岁,是不是正好是一一对应的完形出来了,这是这个表格的写法。好,我再给他填一组数据,慢慢来啊,看我的做法,全部选中,单击第14行,按住往下一拉,CTRL加CCTRL加V,是不是第这一行了,好,这一行里面呢,再来一个,这个呢,叫不叫张三,它叫做张三丰好不好,好他们已经到了88了,对不对,哎,98也可以OK。哎,九十九万九十九能那性别是吧,比如说哎张三福是个女的啊,OK女就行了,那这是不是又是来了一组数据,好,那么我们刷新一遍走一个,那你看看是不是还是数字来显示的没问题呀,123是不是一个三行三列的表格就出来了。好,那我想我再填一组数据啊,填完毕之后看效果,再CTRL加CCTRL加V,看明白我怎么做的了吗?好,这个呢叫张三张三疯张三疯子对不对啊OK,他到199了,嗯,男女未知,咱们不知道了啊OK,那这样呢,我又给添足一组数据。
07:09
那就123这么多了,刷新一遍看效果,No是不网线是可以的,我在这里面呢,是给你加了字数啊,让你给它撑开,但是你看结构是不变的,整体来看是不是就是一个表格,然后呢,一行两行,三行四行,一列两列是不是对的非常的齐呀,我们画齐而已啊好,那这样的表格是不是就出来了,所以说我们的表格的做法,实际上是不是就是有三个标签组成的呀,哎,Table。表格标签就行,标签和单元格标签。这是我们讲的这个表格,那你回来看一下啊,刚才我们说的这个样子,好,我简单把我们的总结一下,我们表格的主要目的干什么呀?是不是来显示数据的呀,就是来进行展示数据的那一个完整的表格,有一个叫做表格标签,行标签和TD标签组成的单元格标签,我们是没有列的概念,记住了吗?同学们,哎,我们说了就是由行里面包含着几个单元格拼起来的。
08:06
这个就是我们的。表格,然后呢,行里面只能嵌套TD单元格啊类的啊,TD类的单元格,也就是说行里面是不是就是放单元格呀,按照我们的要求来啊,但是呢,我们这个TD单元格它就是一个容器集了,哎,TD单元格里面你愿意放啥就放啥,可以容纳所有的元素,也就是说行里面就放只能TD,不能出现这个情况,不能这么写啊,咱不能这么写div,这样写是不对的,不能直接写成我们要的div了啊,这么写是错误的。但是呢,在这个TD里面是可以这么写的,那在这里面呢,你比如说三你不要了,可以再放其他东西是没问题,咱们后面写内容的时候,我再教你去怎么做就可以了。这个呢是我们讲的这个表格,当然有同学说,哎老师这个表格和我们平时看的好像不太一样呀,哎,那个呢,是因为我一会儿呢给大家介绍一下表格属性添加完之后就和我们看到是一样了,但是预知后事如何,我们下回再说。
我来说两句