返回
【网页设计】【HTML+CSS】【第8章 表格】.pdf

【网页设计】【HTML+CSS】【第8章 表格】.pdf

ID：52884884

大小：399.73 KB

页数：12页

时间：2020-03-31

【网页设计】【HTML+CSS】【第8章 表格】.pdf_第1页
【网页设计】【HTML+CSS】【第8章 表格】.pdf_第2页
【网页设计】【HTML+CSS】【第8章 表格】.pdf_第3页
【网页设计】【HTML+CSS】【第8章 表格】.pdf_第4页
【网页设计】【HTML+CSS】【第8章 表格】.pdf_第5页
资源描述：

《【网页设计】【HTML+CSS】【第8章 表格】.pdf》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、·98·第8章表格表格的用途很广，可以用来显示表格型数据、图片等，也可以用来布局。在前面的布局中常用表格，现在的网页更往W3C标准方向发展，用DIV+CSS布局可取代表格。但表格不仅仅可以用来布局，还有其他功能，所以学习表格是很重要，虽然不常用于表格布局，但表格的其他用法不能用DIV+CSS取代。学完本章后，读者会掌握：标记table及tr、td用法跨多行、多列的表格表格内文字对齐表格在网页中对齐表格间隔8.1表格基本语法表格在网页中可以表现出Word中的表格效果，即在Word中要表现的表格效果可以在网页中显示，就需要HTML中的表格标记。表格标记不仅仅用于表现表格中的效果，还

2、可以用表格来给网页布局，布局中的表格是不需要表格中的边框的，故需要对表格进行设置。表格是HTML常用的标签，代表在网页中插入一张表格。表格是用table标签对表示的标签对，其他语法形式如下：

这只是表示一张表格而已，但表格常常是有行和列的，那么，如何在表格内表示行和列呢？这又要另外二个代码，标签对表示表行，每出现一个代表表格的一行；标签对表示表头，表头是在表格上显示下面列的；标签对表示表元，表元就是在表格中显示的每一方格。代码8.1说明表格的基本语法。代码8.1源代码第8章表格的基

3、本语法.html表格的基本语法·99·表头一表头二表元二表元二上面代码在

标签对中包括两个行表示符：标签对，表示两行。在第一个行表示符中包括了表头符，在第二个行表示符中包括了表元表示符，为了显示出效果，在表格属性中加

4、入了border边框，这稍后会讲解，效果如图8.1所示。图8.1表格基本语法注意：在

中的、或者如下表示：这就表示跨越三行显示，为了表达出效果是跨行的，从多行多列表格中实践跨多行表元用法。代码8.2表示的是跨多行表元用法。代码8.2源代码第8章跨多行表元.html<

6、title>跨多行表元

1
、是常用的，可以省略，三者都在
中，不能交叉。8.2跨多行、多列表元当表格中的单元格有相同的或者需要设置相同的内容时，需要设置单元格合并，合并可以为不同行的单元格，也可以为不同列的单元格，在网页中可以来设置不同的单元格合并，所表现的效果与Word中的表格一样。在表格中有时会合并单元格，所以对表格要进行跨行或跨列处理，使多个表元合成一个单元格。跨表元分跨多行和跨多列，包括跨表头th和表元td，跨行用rowspan表示，

5、同理，跨列用colspan表示，下面分别对它们作详细介绍。8.2.1跨多行表元跨多行表元应用在合并多行单元格时，跨多行表元语法在th和td上加rowspan表示，rowspan后面的值是数字，数字表示跨多少行表元，如跨3行表元表示如下：·100·

234
234
234
123

7、4

代码8.2表示在一个表格中，有四行四列的单元格，在第一列中，设置rowspan为3，表示在本列跨3行，其他的表元往后推，效果如图8.2所示。图8.2跨多行表元·101·注意：当出现rowspan时，所包含的列数并不需要与rowspan所在列数一致，如果一致，会导致列往右移。8.2.2跨多列表元与跨多行一样，跨多列也放在td和th中，表示在一行中跨多列表元。语法用colspan表示，完整语法如下：
当前文档最多预览五页，下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文
温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。