网页制作教程（第二版）-齐建玲-电子教案 CH4 网页表格的处理.PPTVIP

通过本章学习，应该掌握以下内容：;;;;;;;;;;;4.1.4 利用表格设计页面布局;1 .利用HTML制作示例网页表格 ;（1）TABLE TABLE标记符用于定义整个表格，表格内的所有内容都应该位于TABLE和/TABLE之间。 （2）CAPTION 如果表格需要标题，那么就应该使用CAPTION标记符将表格标题包括在CAPTION和/CAPTION之间。CAPTION标记符的格式为： CAPTION align= 标题 /CAPTION ; （3）TR TR标记符用于定义表格的行，对于每一个表格行，都对应一个TR标记符。TR标记符的结束标记符可以省略。 （4）TD和TH 在表格行中的每个单元格，都对应于一个TD标记符或者TH标记符，用于标记表格的内容，其中可以包括文字、图像或其他对象。TD与TH的功能和用法几乎完全相同，唯一不同之处在于TD表示普通表格数据，而TH表示表格的行列标题数据。TD和TH的结束???记符都可以省略，并且可以不包括任何内容。 ; （1）合并单元格 ; 在TABLE标记内使用frame、rules和border属性可以设置表格的边框和单元格分隔线。 表格边框表示表格最外层的四条框线，可以用frame属性进行控制；rules属性用于控制是否显示单元格之间的分隔线；border属性用于设置边框的宽度，其值为像素数。如果设置border=0，则意味着frame=void，rules= none 。 ; 在TABLE标记符中使用cellspacing属性可以控制单元格之间的空白，使用cellpadding属性可以控制表格分隔线和数据之间的距离，这两个属性之间的取值通常采用像素数。 ; 1）表格的页面对齐 表格在页面中的对齐与其他页面内容一样，可以直接在TABLE标记符中使用align属性。另外，也可以用DIV标记符的align属性设置表格的对齐，方法是：将TABLE标记符包含在DIV align=“”和/DIV之间。 2）表格的内容对齐 表格单元格内容的对齐包括各数据项在水平方向和垂直方向上的对齐。 ; （5）控制表格和单元格的大小 ; 与设置整个页面的背景类似，表格或单元格也可以设置背景颜色或图案；设置方法为： 在TABLE、TR或TD标记符内使用bgcolor属性设置背景颜色；使用background属性设置背景图案。 ;4.2.2 利用Dreamweaver 8处理网页表格 ;1）如果要选择整个表格，可进行如下的操作之一： 将光标置于表格中的某个单元格中，选择“修改”|“表格”|“选择表格”命令。 将光标置于表格中的某个单元格中，再按两次组合键“Ctrl+A”。 将光标置于表格中的某个单元格中，单击鼠标右键，在弹出的快捷菜单中选择“表格”|“选择表格”命令。 将光标置于表格的尾部（在表格的同一行，但不在表格之内），向左拖动鼠标。 单击表格的边线。; 2）选择单个单元格的方法有以下几种： 将光标置于所要选择的单元格中，按一次组合键“Ctrl+A”。 将光标置于所要选择的单元格中，向右拖动鼠标。 将光标置于所要选择的单元格中，选择“编辑”|“全选”命令。 按住Ctrl键，单击所要选择的单元格，再单击一次则取消对单元格的选择。; 3）选择多个单元格的方法有以下几种： 按住Ctrl键，单击所要选择的所有单元格。 将光标置于单元格中，拖动鼠标，选择多个单元格。 如果要选择整行，将光标置于该行的左边缘，当光标变成?图标时单击鼠标左键。 如果要选择整列，将光标置于该列的上边缘，当光标变成?图标时单击鼠标左键。; 4）选择的全部单元格的方法有以下几种： 将光标置于第1个单元格中，并拖动鼠标至最后一个单元格。 将光标置于第1个单元格中，按住Shift键，再单击最后一个单元格。 将光标置于第1行的左边缘，当光标变成?图标时，向下拖动鼠标至最后一行。 将光标置于第1列的上边缘，当光标变成?图标时，向右拖动鼠标至最后一列。 ; 1）在现有的表格中插入单元行，可以选择以下的操作之一： 将光标移到要插入单元行的下一行，选择“修改”|“表格”|“插入行”命令。 将光标移到要插入单元行的下一行，按组合键“Ctrl+M”。 将光标移到要插入单元行的下一行，单击鼠标右键，在弹出的快捷菜单中选择“表格”|“插入行”命令。 ; 2）在现有的表格中插入单元列，可以选择以上的操作之一： 将光标移到在插入单元列的右边一列，选择“修改”|“表格”|“插入列”命令。 将光标移到要插入单元列的右边一列，按组合键“Ctrl+Shift+A”。 将