[使用表格布局网页.ppt

第4章 使用表格布局网页 表格基本操作 表格高级操作 4.1 表格基本操作 4.1.1 创建表格 4.1.2 选择表格和单元格 2．选择行或列 3．选择单元格 4.1.3 设置表格属性 4.1.4 设置单元格属性 4.2 表格高级操作 1．拆分单元格 2．合并单元格 4.2.2 插入、删除行和列 4.2.3 移动表格整行内容 4.2.4 排序表格内容 4.2.5 导入或导出表格内容 综合实例—用表格布局“delong”网站子页 * * Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 表格（Table）是由一个或多个单元格构成的集合，表格中横向的多个单元格称为行（在HTML语言中以tr标签开始，/tr标签结束），垂直的多个单元格称为列（以td标签开始，/td标签结束），行与列的交叉区域称为单元格，网页中的元素就放置在这些单元格中 。 行 列 单元格 此处表示未明确设置单元格宽度 此处显示了表格的宽度。如果只显示一个“▼”符号，表示未明确设置表格宽度 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Dreamweaver CS4拥有非常完善的表格编辑功能，本节我们首先来看一下如何在网页文档中创建表格。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1．选择表格 将鼠标光标移至单元格边框线上，当鼠标光标变为 或 形状时单击鼠标左键。 将鼠标光标移至表格外框线上，当鼠标光标变为 形状时，单击鼠标左键。 在表格内部任意单元格中单击鼠标左键，然后在标签选择器中单击对应的“table”标签 。 将插入点置于表格的任意单元格中，表格上方或下方将显示绿线标志，单击最上方或最下方标有表格宽度的绿线中的 ，在弹出的下拉菜单中选择“选择表格”命令。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 要选择某行或某列，可将光标置于该行左侧或该列顶部，当光标形状变为黑色箭头 或 时单击鼠标左键。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 在Dreamweaver中可以选择单个单元格，也可以选择连续的多个单元格或不连续的多个单元格。 要选择某个单元格，可首先将插入点置于该单元格内，然后按【Ctrl＋A】组合键或单击“标签选择器”中对应的“td”标签。 要选择连续的单元格区域。应首先在要选择的单元格区域的左上角单元格中单击，然后按住鼠标左键向右下角单元格方向拖动鼠标，最后松开鼠标左键。 如果希望选择一组不相邻的单元格，可按住【Ctrl】键单击选择各单元格。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 选中表格后，可利用属性检查器查看或修改表格的行、列、宽，以及填充、间距、对齐、边框等属性。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 在表格的某个单元格中单击，属性检查器中将显示水平、垂直、宽、高等单元格属性，此时可通过属性检查器设置其属性。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 4.2.1 拆分与合并单元格 在网页制作中，经常会用