80.尚硅谷_HTML&CSS基础_表格简介.avi原创

那我们来学习一些其他的内这个内容啊，其实我们这个网页里的大部分知识点呢，我们都已经给它学的差不多了，然后还有一些这种细节的东西呢，我给它琐碎的细节一点东西给它补充全了，补充全了我们再做一个小页面，咱们这个HTMLC材这块就算是OK了啊，当然OK了，但是咱们这阶段学的其实主要是一些什么呀？哎，一些老的标签啊，老的属性，包括一些A0.5，包括这个CS3的样式，我们没有主主没有主要权说啊，那个放在我们后期去学啊，后期学，那接下来我们来今天再补充一部分知识，来创建一个新的这个项目，叫一个Z0Z08，我们来说一个东西叫什么呢？叫做表格，表格啊，说到表格它什么叫表格啊，或者说表格它有什么用啊，比如说我们日常生活里边用不用过表格，哎表格哎，表格在我们这个什么呀，日常哎生活中。

哎，使用的什么呀，使用的这个非常的什么呀，非常的呀多，比如什么呀，诶比如我们这个exce Excel，诶是不是就是就是什么呀，就是专门用来创建我们这个表格的什么呀，工具吧，哎，那么打开表格是什么呀，直接Excel打开，这时候就一个表格啊，那这种它就是一个表格，那表格是用来干嘛的呀？哎，你要清楚表格是干嘛的，我们在用表格的时候，你才能清楚我们什么时候该用表格，那表格是干嘛的。诶，那表格哎就是用来哎表示一些这种什么呀，格式化的什么呀，数据的啊，格式化的数据的，比如什么呀，比如我们这个课程表，这是最典型的是一个表格呀，诶比如什么呀，比如我们这个人叫什么呀，叫做这个银行，银行的这种对账，对账单啊，对账单什么叫对账单，得按对单啊对账单哎就说你银行那个明细吧，这个流水吧标，包括你以后工作了以后可能干嘛呀，公司会给你发这种工资条啊，工资条是不是也给你写到一个表格里啊，诶写个表格里啊，这些都说我们什么呀，这些数据都有一个特点，他们都是什么呀，有一定的固定的什么呀，格式的啊，那这些东西我们都用什么呀，这种表格去表示，包括我们的什么呀，我们的成绩单啊，我们的什么的各种各样的东西都可以用这个表格去表示，包括我们什么呀，诶同学的这个信息啊，学生信息都可以放在一个表格里，诶那我们来说那同样。

在什么呀，在我们这个网页中干嘛呢？诶也可以干嘛呀，诶也可以来创建出嗯不同的这种表格啊，就是说在网页里我们是也可以去使用这个表格的，那接下来问题就来了，那我们在网页里如何去创建表格呢？那我们先来看我们表格它有什么特点，比如说我这一圈这就一个表格，那这个表格它有什么特点，诶我们发现这表格它什么呀，它表格是分成一行一行，然后行里边是分成一列一列的呀，那你像我这个表格实际上它就是一个什么呀，是不是就是一个这个三行三列这么一个表格啊哎，三行三列的表格，那表格它是什么分成这么一一个一行一行一列一列的这么一个结构，那我们来看看，那在我们这里边，我们怎么来去创建一个表格，那直接来写吧，哎，那你说我们要创建表格，我们。

使用什么呀，你这一涉及到HL了，肯定就是某个某个标签吧，哎，某个标签你要在网页里创建什么，你就先想有没有什么呀，有没有对应的标签，如果这个对应标签你发现干嘛呀，没有，没有就用谁呀，Div啊没有用div，那所以在A苗中我们使用什么呀？使用我们这个，诶table标签来干嘛呀，创建一个表格，Table什么意思呀？哎，就是表格的意思啊表格啊，桌子这些东西都是table的意思是吧？诶table，那我们来写一个，直接来一个table table标签啊这个就创建好了一个什么呀表格，但是注意我这运行它里边会干嘛呀，它是什么也没有的，为什么呀，因为这个是一个什么呀，哎，是一个空的表格，我里边是不是还没有没有填东西呢呀，哎，没有填东西呢啊，那在table里边我们需要干嘛呀，去编写我们这个表格的一个结构，用table标签仅仅表明我整个是创建了一个表格，也就相当于什么呀。

相当于我表格整个外边这框我干嘛了，我给它画出来，但是里边它有几行有几列，我设没设置啊，没有设置啊，没有设置，那我们来刚才也说了，表格是不是分成一行一行一列一列呀，那假设我想创建什么呢？我想创建一个四行四列的表格，那就意味着我这表格里边是不是有。有四行啊，哎，有四行，那所以呢，我们在这个A表里干嘛呢？在我们这个table标签中，在我们这个table标签中，我们什么呢？使用我们这个TR来干嘛呢？来表示表格中的什么呀，一行啊，TRR叫什么呀？肉啊，Table肉什么肉啊是一行啊，诶肉表示一行啊，使用TR来表示表格中的一行，有几行就什么呀，就有几个T2啊有几行就有几个T2，比如说我这来一个T2，一整出来，诶这表什么呀，我这表格里有一行啊，表格里有一行，我要再写一个表什么呀，表格有两行啊，表格有两行，我们先写一行来过过瘾啊，再写一行。

好，那TR有了，但是你把TR写完了，同样你一刷新页面里还是干嘛呀，还是什么也没有，那我们来看行有了，也就是说我们已已经有了这么一个结构吧，那行里边还有什么呀？诶是不是还有一列一列呀，或者换句话说，这里边是不是还有一个一个这个单元格啊，哎，有一个一个一个单元格，所以接下来呢，我们在TR里还要干嘛呢？创建我们这个单元单元格，哎在我们这个R中需要什么呢？需要使用我们这个TD来创建一个什么呀，单元格，有几个单元格，哎，就有几个TD啊，或者有几个TD就有几个单元格，那所以我这边来一个什么呢？我这来一个这个TD，那就表示什么呀？诶，我这个整个表格里边只有什么呀，一行，我这一行里只有一个什么呀，只有一个单元格，换句话说，我这个表格是一个什么呀？是个一行一列的单元格吧，哎。

一行一列单元格，来我这写一个，我这来一个A1，随便写一个名啊，我这一保存，然后一刷新走你，诶是不是就出来了呀？诶但是同学看到这可能就骂街了是吧？你在页面里直接写一个A1，是不是也是这效果呀？诶费了半天劲，大标签套小标签，小标签套小标签，里边写个A1是不是显示效果一样啊，你要说这个玩意儿是个表格，你是不是最少你得有个框啊，这是不是连个框都没有啊？所以注意啊，我们这个表格创建起来默认是什么呀？没有边框的啊，没有边框的，那如果想设置边框怎么办呀？来table里有一个属性，来一个Bo b的来什么呀，就这写一个，我写一，我这一保存，咱们来一刷新走你，诶是不是就出现变框了呀？诶出现变框了啊，但是注意这种方式呢，不好，为啥不好啊，我是通过H面属性来设置的吧，真正边框我们最好应该通过谁啊，诶CSS啊S，但是现在我们先使用这种方式。

来代替一下，好，那现在我们就创建好了什么呀，一个一行一列单元格，诶那现在假设我想干嘛呀，我想俩单元格你怎么呀，我用改谁，我用么改TR改谁，我是不是加一个TD啊，我们说了有几个TD是不是就有有几个单元格啊来我这改一个A2，那现在表示什么呀？我是不是就有哎一行两列了，诶那我再来写一个走走这来一个A3，这来一个A4，这是什么呀？是不是一行四列了，哎一行四列啊，所以注意每一个TD就代表一个什么呀，一个单元格啊，有几个单元格你就可以写几个TD，那接着再来看，那现在我这一行不过瘾，我希望什么呀？哎，我希望四行，我们要创建一个四行四类的一个单元格，那我四行我整谁呀？我是不是整T2啊，哎，我把TL给他复制一遍啊，复制一遍这个注释我就不要了，那这我现在我直接改一个啊，改一个这个B1B2，这是B3，这是B4，那我现在问你现在什么结构。

是不是两行四列呀，我一刷新诶两行四列来我再复制一个走走，这改一个啊CCC这来一个这个ddd，诶这变成什么效果了，诶是不是四行四列呀，一刷新是不是四行四列呀，诶所以注意啊，有几行你就写几个TR，有几个单元格你就写几个什么呀，写几个TD，一定要注意他们这关系，TR是写在table里边的，对吧，TD是写到什么呀？哎，TR里边的啊，TD是写到这个TR里边了，这个呢，就是我们说最简单的这么一个单元格啊，最简单这么一个单元格，好，那这个单元格我们创建完了，那这里边我们会发现这个单元格干嘛呀，它有点有点小是吧，有点小还是那个我们可以干嘛呀，我可以通过我们那个CSS是设置它的宽度啊，那这边我省点事儿啊，我们不用CSS用直接用它这个属性，有一个什么属性呢，就叫什么呀，外外改大点来什么的来一个。

40%保存是不是占它负元素的40%啊，也就是说负元素是谁呀？Body，那是不是占我整个窗口的一个40%啊，保存这一刷新走，你是不是就宽了呀？哎，宽了以后我希望干嘛呢？它往中间靠对吧？那怎么办呢？哎，当然你可以用那个什么呀，CSS用那什么呀，MARGIN0凹数行了呀，那这里边可以干嘛呀，直接它有一个属性叫做一个LA，我们来一个什么呀，Center保存，但是这个东西呀，你就知道有就行了，这东西我们都是不推荐去使用的啊，不限使用的，保存一刷新走，你整个是不是居中过来了？哎，就是这么一个表格，使用table tr还有TD来创建这么一个最简单的表格，最简单的表格也是我们什么呀，最常用的一个表格，好，那现在我们来看问题啊，问题跟哪呢？我们来看这儿啊，我们这个表格，现在这个表格比较规整，就是一个四行四列对吧，那有的时候我们这表格还有什么呀？诶我可能这两格啊，诶它是一个。

格对吧？换句话说，我一个格我需要占两个格的位置，对吧？诶那这一块我就需要用到一个效果叫什么呀？叫合并单元格吧，我希望将这两个格合并起来，变成一个单元格，那这个功能我们要怎么做？诶那我这一想，那我要合并单元格，我要什么呀？我要一个格占两个格的位置，那说白了就是什么呀，我最后一行我只有几个单元格啊，是不是只有三个单元格啊，哎，只有三个单元格，那我一想我把谁呀，我把第四给它删了是不是行了，诶把第四给他删了就行了，来咱们干脆一不做二不休，把第四给删了来看，那现在我最后一行是不是变成三个单元格了，诶我们来看看他能不能合并啊，我这一刷新走你，哎呦第四有没有没了，但是你发现第三他是不是还跟这不动快呀，诶他有没有说想把这个占友的意思呀，没有，这是为什么呀。

哎，我们来说啊，我们这个不是傻是吧，我们这个表格里边这个TD他们都是觉悟比较什么呀，比较高的叭，较高的，虽然这块地儿没有人，但是他干嘛呀，他还是不会去干嘛呀，哎，不会站过去，那你如果想让我现在是不是想让第三你一个格你占什么呀，你是不是横向着占两个格的位置啊，那你得干嘛呀，你得你得告诉他啊，你得告诉，所以这里边你合并单元格的时候，不仅要干嘛呀，删除这格你还得干嘛呀，你还得告诉他前面这格你得干嘛呀，占两个位置啊，那我怎么告诉他呢？有一个属性直接在我阳谁这两这两格啊，是不是第三呀？诶在这有一个属性叫什么呢？叫做一个cos SPA啊cos SPA，诶那cos SPA表示什么呢？Cos SPA叫做什么呀？横向的合并单元格，哎，叫做横向的这个合并单元格，说白了就是合并两个列啊，合并两个。

合列横向的合并单元格，那我们现在说了，我要合并几个呀，然后写一个得表示什么呀，你是不是还是占一个地方啊，我希望当占几个地方啊，占两个地方来什么呀，来一个二比方什么呀，哎，让你合并两个位置啊，合并两个位置来我这一保存，咱们来看一刷新走，你是不是就合并了呀？哎，就合并了啊，所以注意你不仅要把最后那给它删了，你还得告诉他前面一个你干嘛呀，你要占两个格的一个位置啊，你要占两个格的位置，这块看懂了吧，叫做一个cos班，我们叫做一个什么呀，横横向的合并暗格啊cos半，那然后再来看，除了横向合并，我们还有什么需求啊，诶纵向的对吧，比如说B4和C4，我希望这两个合并，那怎么办呀，我一想还是一不多二不休，我现在把谁呀？是不是现在把C4干掉啊，哎，来把C4给他清空。

C4走你然后一刷新走干嘛了，是不是觉悟还是非常高啊，诶他不会干嘛呀，不会往下去挤的啊，不会去往下挤的，所以这里边干嘛呀，我们需要设置我们这个B4，我要告诉B4，你是不是纵向的占两个单元格啊，哎，纵向，所以这里边还有一个属性叫什么呢？叫做一个Rose版，哎Rose版来等于一个二来说一下这个属性Rose版干嘛呢？哎，用来设置我们这个纵向的合并单元格，所以Rose表示什么呀？表示你往下你干嘛呀，是不是占两格啊，哎占两格我这一保存，然后一刷新走，你这时候就合并了呀，哎，这就合并了啊好，这个呢，是一个cos版，是一个这个Rose版，那有这两个属性，其实我们就可以干嘛呀，创建出各种各样不同的这种表格了，啊，不同的表格了，好，那这个呢，是我们最最基本的一个表格了，也是我们日常开发中用的。

最多的这么一个表格的结构，回顾一下，最外边是一个table，用table去声明一个表格，然后table里边有什么呀，TRTR表示表格里边的一个呀，一行有几行就有几个TR，然后TD是表示我们这个每行里边的什么呀，单元格有几个TD是不是就有几个单元格呀？哎，然后还有一个什么呀，Rose，我们叫做纵向合并，还有一个CO1什么呀，横向合并啊，横向合并好，这也是我们说的最基本的一个表格啊，我们来听一下。