教你如何制作网页表格26739.pptx

第7章 表 格7.1 创建表格创建表格7.2 编辑表格编辑表格7.3 表格的格式化表格的格式化7.4 利用表格布局版面利用表格布局版面思考与练习思考与练习1 17.1 创建表格7.1.1 7.1.1 表格的基本概念表格的基本概念表格的基本概念表格的基本概念在网页中，表格的结构如图在网页中，表格的结构如图在网页中，表格的结构如图在网页中，表格的结构如图7.17.1所示。所示。所示。所示。表格由一些线条分开的小格组成。线条即是表格的边表格由一些线条分开的小格组成。线条即是表格的边表格由一些线条分开的小格组成。线条即是表格的边表格由一些线条分开的小格组成。线条即是表格的边框，被边框分割开来的区域称之为单元格，数据、框，被边框分割开来的区域称之为单元格，数据、框，被边框分割开来的区域称之为单元格，数据、框，被边框分割开来的区域称之为单元格，数据、文字、图形、图片等对象均可根据需要放在相应的文字、图形、图片等对象均可根据需要放在相应的文字、图形、图片等对象均可根据需要放在相应的文字、图形、图片等对象均可根据需要放在相应的单元格中。位于水平方向上的一系列单元格称作一单元格中。位于水平方向上的一系列单元格称作一单元格中。位于水平方向上的一系列单元格称作一单元格中。位于水平方向上的一系列单元格称作一行，位于垂直方向上的一系列单元格称作一列。行，位于垂直方向上的一系列单元格称作一列。行，位于垂直方向上的一系列单元格称作一列。行，位于垂直方向上的一系列单元格称作一列。在单元格中，可以输入文字和其他对象，这些文字或在单元格中，可以输入文字和其他对象，这些文字或在单元格中，可以输入文字和其他对象，这些文字或在单元格中，可以输入文字和其他对象，这些文字或对象同单元格边缘之间的距离称作单元格内部边距对象同单元格边缘之间的距离称作单元格内部边距对象同单元格边缘之间的距离称作单元格内部边距对象同单元格边缘之间的距离称作单元格内部边距（cell paddingcell padding）。）。）。）。单元格之间的距离称作单元格单元格之间的距离称作单元格单元格之间的距离称作单元格单元格之间的距离称作单元格间距（间距（间距（间距（cell spacingcell spacing）。）。）。）。2 2图图7.13 37.1.2 7.1.2 插入表格插入表格插入表格插入表格【例【例【例【例7.17.1】插入表格】插入表格】插入表格】插入表格 将插入点放置到文档中要插入表格的地方。将插入点放置到文档中要插入表格的地方。将插入点放置到文档中要插入表格的地方。将插入点放置到文档中要插入表格的地方。执行执行执行执行Insert|TableInsert|Table（插入插入插入插入|表格）命令，或单击普通表格）命令，或单击普通表格）命令，或单击普通表格）命令，或单击普通对象面板上的对象面板上的对象面板上的对象面板上的Insert TableInsert Table按钮（见图按钮（见图按钮（见图按钮（见图7.27.2）。如果没）。如果没）。如果没）。如果没有预先设置插入点的位置，可以直接从对象面板中有预先设置插入点的位置，可以直接从对象面板中有预先设置插入点的位置，可以直接从对象面板中有预先设置插入点的位置，可以直接从对象面板中将该按钮拖动到文档中需要插入表格的位置，打开将该按钮拖动到文档中需要插入表格的位置，打开将该按钮拖动到文档中需要插入表格的位置，打开将该按钮拖动到文档中需要插入表格的位置，打开如图如图如图如图7.37.3所示的对话框，提示确定表格的格式。所示的对话框，提示确定表格的格式。所示的对话框，提示确定表格的格式。所示的对话框，提示确定表格的格式。在在在在Rows Rows（行）文本框中，输入要插入表格的行数。行）文本框中，输入要插入表格的行数。行）文本框中，输入要插入表格的行数。行）文本框中，输入要插入表格的行数。在在在在ColumnsColumns（列）文本框中，输入要插入表格的列数。列）文本框中，输入要插入表格的列数。列）文本框中，输入要插入表格的列数。列）文本框中，输入要插入表格的列数。在在在在Cell PaddingCell Padding文本框中，输入单元格中对象同单元文本框中，输入单元格中对象同单元文本框中，输入单元格中对象同单元文本框中，输入单元格中对象同单元格内部边界之间的距离，单位为像素点。格内部边界之间的距离，单位为像素点。格内部边界之间的距离，单位为像素点。格内部边界之间的距离，单位为像素点。4 4图图7.25 5图图7.36 6在在在在Cell SpacingCell Spacing文本框中，输入单元格之间的距离值，单文本框中，输入单元格之间的距离值，单文本框中，输入单元格之间的距离值，单文本框中，输入单元格之间的距离值，单位为像素点。位为像素点。位为像素点。位为像素点。在在在在WidthWidth文本框中输入表格宽度值，单位可以在右方的下文本框中输入表格宽度值，单位可以在右方的下文本框中输入表格宽度值，单位可以在右方的下文本框中输入表格宽度值，单位可以在右方的下拉列表中选择。拉列表中选择。拉列表中选择。拉列表中选择。PixelPixel（像素），以绝对的像素值来设置像素），以绝对的像素值来设置像素），以绝对的像素值来设置像素），以绝对的像素值来设置表格宽度；表格宽度；表格宽度；表格宽度；PercentPercent（百分比），设置表格宽度同浏览器百分比），设置表格宽度同浏览器百分比），设置表格宽度同浏览器百分比），设置表格宽度同浏览器窗口宽度的百分比。窗口宽度的百分比。窗口宽度的百分比。窗口宽度的百分比。在在在在BorderBorder（边框）文本框中，输入边框的宽度，单位为像边框）文本框中，输入边框的宽度，单位为像边框）文本框中，输入边框的宽度，单位为像边框）文本框中，输入边框的宽度，单位为像素点，素点，素点，素点，0 0表示无边框。表示无边框。表示无边框。表示无边框。设置完毕，单击设置完毕，单击设置完毕，单击设置完毕，单击OKOK按钮，确定操作。一个表格就会出按钮，确定操作。一个表格就会出按钮，确定操作。一个表格就会出按钮，确定操作。一个表格就会出现在文档中，如图现在文档中，如图现在文档中，如图现在文档中，如图7.47.4所示。所示。所示。所示。7.1.3 7.1.3 在表格中添加内容在表格中添加内容在表格中添加内容在表格中添加内容表格的内容要添加到表格的单元格中。单元格中可以插入表格的内容要添加到表格的单元格中。单元格中可以插入表格的内容要添加到表格的单元格中。单元格中可以插入表格的内容要添加到表格的单元格中。单元格中可以插入任何类型的数据，例如文本、图像、表单甚至表格等。任何类型的数据，例如文本、图像、表单甚至表格等。任何类型的数据，例如文本、图像、表单甚至表格等。任何类型的数据，例如文本、图像、表单甚至表格等。同时也可以按照通常的编辑页面元素的方法，编辑其中同时也可以按照通常的编辑页面元素的方法，编辑其中同时也可以按照通常的编辑页面元素的方法，编辑其中同时也可以按照通常的编辑页面元素的方法，编辑其中的内容。例如，可以编辑其中的文本，也可以设置其中的内容。例如，可以编辑其中的文本，也可以设置其中的内容。例如，可以编辑其中的文本，也可以设置其中的内容。例如，可以编辑其中的文本，也可以设置其中的文本格式。的文本格式。的文本格式。的文本格式。7 7图图7.48 8单击要插入内容的单元格，可以直接插入、编辑文本，单击要插入内容的单元格，可以直接插入、编辑文本，单击要插入内容的单元格，可以直接插入、编辑文本，单击要插入内容的单元格，可以直接插入、编辑文本，也可插入图像、导航条、表单等页面元素，方法同也可插入图像、导航条、表单等页面元素，方法同也可插入图像、导航条、表单等页面元素，方法同也可插入图像、导航条、表单等页面元素，方法同不在表格中的方法完全相同。在一个单元格中输入不在表格中的方法完全相同。在一个单元格中输入不在表格中的方法完全相同。在一个单元格中输入不在表格中的方法完全相同。在一个单元格中输入完毕，按完毕，按完毕，按完毕，按TabTab键，可以将插入点移动到下一个单元格键，可以将插入点移动到下一个单元格键，可以将插入点移动到下一个单元格键，可以将插入点移动到下一个单元格中，以便继续输入。如果在当前行的最后一个单元中，以便继续输入。如果在当前行的最后一个单元中，以便继续输入。如果在当前行的最后一个单元中，以便继续输入。如果在当前行的最后一个单元格中按格中按格中按格中按TabTab键，则将插入点移动到下一行中的第一个键，则将插入点移动到下一行中的第一个键，则将插入点移动到下一行中的第一个键，则将插入点移动到下一行中的第一个单元格内。按单元格内。按单元格内。按单元格内。按Shift+TabShift+Tab键可将插入点移动到上一个键可将插入点移动到上一个键可将插入点移动到上一个键可将插入点移动到上一个单元格。在当前行的第一个单元格中按单元格。在当前行的第一个单元格中按单元格。在当前行的第一个单元格中按单元格。在当前行的第一个单元格中按Shift+TabShift+Tab键，键，键，键，则将插入移到上一行中的最后一个单元格内。当然，则将插入移到上一行中的最后一个单元格内。当然，则将插入移到上一行中的最后一个单元格内。当然，则将插入移到上一行中的最后一个单元格内。当然，也可直接用鼠标单击需要输入文本的单元格，直接也可直接用鼠标单击需要输入文本的单元格，直接也可直接用鼠标单击需要输入文本的单元格，直接也可直接用鼠标单击需要输入文本的单元格，直接将插入点转移到该单元格中。图将插入点转移到该单元格中。图将插入点转移到该单元格中。图将插入点转移到该单元格中。图7.57.5是在表格中插入是在表格中插入是在表格中插入是在表格中插入的文本和图像。的文本和图像。的文本和图像。的文本和图像。9 9图图7.510107.1.4 7.1.4 利用文本文件创建表格利用文本文件创建表格利用文本文件创建表格利用文本文件创建表格如果已有一些数据在如果已有一些数据在如果已有一些数据在如果已有一些数据在Microsoft Excel Microsoft Excel 的工作表中，或的工作表中，或的工作表中，或的工作表中，或在在在在Microsoft Access Microsoft Access 的数据库中，或在其他形式的的数据库中，或在其他形式的的数据库中，或在其他形式的的数据库中，或在其他形式的文件系统中，如果在文件系统中，如果在文件系统中，如果在文件系统中，如果在HTMLHTML文件中重新输入这些数据，文件中重新输入这些数据，文件中重新输入这些数据，文件中重新输入这些数据，就会显得非常麻烦，如果数据量很大，也就不大现就会显得非常麻烦，如果数据量很大，也就不大现就会显得非常麻烦，如果数据量很大，也就不大现就会显得非常麻烦，如果数据量很大，也就不大现实。实。实。实。在在在在DreamweaverDreamweaver中，允许导入其他类型文档中的数据，中，允许导入其他类型文档中的数据，中，允许导入其他类型文档中的数据，中，允许导入其他类型文档中的数据，从而避免了再次输入数据的麻烦。从而避免了再次输入数据的麻烦。从而避免了再次输入数据的麻烦。从而避免了再次输入数据的麻烦。1.1.生成分隔符类型的文本数据文件生成分隔符类型的文本数据文件生成分隔符类型的文本数据文件生成分隔符类型的文本数据文件在在在在DreamweaverDreamweaver中，如果要导入表格数据，必须首先中，如果要导入表格数据，必须首先中，如果要导入表格数据，必须首先中，如果要导入表格数据，必须首先将数据存储为以某种分隔符作数据间隔的纯文本文将数据存储为以某种分隔符作数据间隔的纯文本文将数据存储为以某种分隔符作数据间隔的纯文本文将数据存储为以某种分隔符作数据间隔的纯文本文件，图件，图件，图件，图7.67.6、图、图、图、图7.77.7所示分别是以所示分别是以所示分别是以所示分别是以TabTab和逗号作分隔符和逗号作分隔符和逗号作分隔符和逗号作分隔符的数据文件格式。这种格式文件可以使用相应软件的数据文件格式。这种格式文件可以使用相应软件的数据文件格式。这种格式文件可以使用相应软件的数据文件格式。这种格式文件可以使用相应软件的存储工具生成，如的存储工具生成，如的存储工具生成，如的存储工具生成，如Microsoft Excel Microsoft Excel 中的中的中的中的“文件文件文件文件|另另另另存为存为存为存为”命令等，也可以手工编辑。命令等，也可以手工编辑。命令等，也可以手工编辑。命令等，也可以手工编辑。1111图图7.61212图图7.71313注意：注意：注意：注意：文件中的一行相当于表格的一行，一行中的各文件中的一行相当于表格的一行，一行中的各文件中的一行相当于表格的一行，一行中的各文件中的一行相当于表格的一行，一行中的各列数据间用列数据间用列数据间用列数据间用TabTab空格或逗号隔开，在这样的文件中，空格或逗号隔开，在这样的文件中，空格或逗号隔开，在这样的文件中，空格或逗号隔开，在这样的文件中，数据不像表格中的数据排得那样整齐。数据不像表格中的数据排得那样整齐。数据不像表格中的数据排得那样整齐。数据不像表格中的数据排得那样整齐。2.2.从格式化文本数据文件中导入表格数据从格式化文本数据文件中导入表格数据从格式化文本数据文件中导入表格数据从格式化文本数据文件中导入表格数据【例【例【例【例7.27.2】利用格式化文本创建表格】利用格式化文本创建表格】利用格式化文本创建表格】利用格式化文本创建表格 执行执行执行执行File|ImportFile|Import（文件文件文件文件|导入）命令，再选择导入）命令，再选择导入）命令，再选择导入）命令，再选择Import Import Table Data Table Data（导入表格数据）；或执行导入表格数据）；或执行导入表格数据）；或执行导入表格数据）；或执行Insert|Tabular DataInsert|Tabular Data（插入插入插入插入|表格数据）；也可以直表格数据）；也可以直表格数据）；也可以直表格数据）；也可以直接单击对象面板上的接单击对象面板上的接单击对象面板上的接单击对象面板上的Insert Tabular DataInsert Tabular Data（插入表插入表插入表插入表格数据）按钮格数据）按钮格数据）按钮格数据）按钮(图图图图7.8)7.8)。打开。打开。打开。打开Insert Tabular DataInsert Tabular Data（插入表格数据）对话框（图插入表格数据）对话框（图插入表格数据）对话框（图插入表格数据）对话框（图7.97.9），提示选择数据），提示选择数据），提示选择数据），提示选择数据文件及格式。文件及格式。文件及格式。文件及格式。1414图图7.81515图图7.91616 在在在在Data FileData File（数据文件）文本框中，输入含有分隔数据文件）文本框中，输入含有分隔数据文件）文本框中，输入含有分隔数据文件）文本框中，输入含有分隔符的数据文件的路径和名称，也可以单击符的数据文件的路径和名称，也可以单击符的数据文件的路径和名称，也可以单击符的数据文件的路径和名称，也可以单击BrowseBrowse（浏览）按钮，从磁盘上选择数据文件。浏览）按钮，从磁盘上选择数据文件。浏览）按钮，从磁盘上选择数据文件。浏览）按钮，从磁盘上选择数据文件。在在在在DelimiterDelimiter（分隔符）下拉列表中，选择文本数据分隔符）下拉列表中，选择文本数据分隔符）下拉列表中，选择文本数据分隔符）下拉列表中，选择文本数据文件中所采用的分隔符。例如，如果数据文件采用文件中所采用的分隔符。例如，如果数据文件采用文件中所采用的分隔符。例如，如果数据文件采用文件中所采用的分隔符。例如，如果数据文件采用制表符作为分隔符，则应该选择制表符作为分隔符，则应该选择制表符作为分隔符，则应该选择制表符作为分隔符，则应该选择TabTab（制表符）；如制表符）；如制表符）；如制表符）；如果数据文件中使用逗号作为分隔符，则可以选择果数据文件中使用逗号作为分隔符，则可以选择果数据文件中使用逗号作为分隔符，则可以选择果数据文件中使用逗号作为分隔符，则可以选择CommaComma（逗号）。其中分隔符种类有以下几种：逗号）。其中分隔符种类有以下几种：逗号）。其中分隔符种类有以下几种：逗号）。其中分隔符种类有以下几种：TabTab（制表符）、制表符）、制表符）、制表符）、CommaComma（逗号）、逗号）、逗号）、逗号）、SemicolonSemicolon（分号）、分号）、分号）、分号）、ColonColon（冒号）、冒号）、冒号）、冒号）、OtherOther（其他）。其他）。其他）。其他）。如果在如果在如果在如果在DelimiterDelimiter（分隔符）下拉列表中没有合适的分分隔符）下拉列表中没有合适的分分隔符）下拉列表中没有合适的分分隔符）下拉列表中没有合适的分隔符号，则可以选择隔符号，则可以选择隔符号，则可以选择隔符号，则可以选择OtherOther，然后在右方的文本框中然后在右方的文本框中然后在右方的文本框中然后在右方的文本框中手工输入需要的分隔符。手工输入需要的分隔符。手工输入需要的分隔符。手工输入需要的分隔符。1717在在在在Table WidthTable Width（表格宽度）区域进行表格宽度的设置。选择表格宽度）区域进行表格宽度的设置。选择表格宽度）区域进行表格宽度的设置。选择表格宽度）区域进行表格宽度的设置。选择Fit Fit To Data To Data（配合数据）单选按钮，则创建的表格中，每个表配合数据）单选按钮，则创建的表格中，每个表配合数据）单选按钮，则创建的表格中，每个表配合数据）单选按钮，则创建的表格中，每个表格列的宽度根据数据的长度而定，使之刚好能够容纳最长的格列的宽度根据数据的长度而定，使之刚好能够容纳最长的格列的宽度根据数据的长度而定，使之刚好能够容纳最长的格列的宽度根据数据的长度而定，使之刚好能够容纳最长的数据。选择数据。选择数据。选择数据。选择SetSet（设置）单选按钮，则可以自行指定表格的列设置）单选按钮，则可以自行指定表格的列设置）单选按钮，则可以自行指定表格的列设置）单选按钮，则可以自行指定表格的列宽，在右方的文本框中输入列宽数值，在下拉列表中选择宽宽，在右方的文本框中输入列宽数值，在下拉列表中选择宽宽，在右方的文本框中输入列宽数值，在下拉列表中选择宽宽，在右方的文本框中输入列宽数值，在下拉列表中选择宽度单位。度单位。度单位。度单位。在在在在Cell PaddingCell Padding（单元格内边空）文本框中，输入单元格中对单元格内边空）文本框中，输入单元格中对单元格内边空）文本框中，输入单元格中对单元格内边空）文本框中，输入单元格中对象同单元格内部边界之间的距离。象同单元格内部边界之间的距离。象同单元格内部边界之间的距离。象同单元格内部边界之间的距离。在在在在Cell Spacing Cell Spacing（单元格间距）文本框中，输入单元格之间的单元格间距）文本框中，输入单元格之间的单元格间距）文本框中，输入单元格之间的单元格间距）文本框中，输入单元格之间的距离。距离。距离。距离。在在在在Format Top RowFormat Top Row（格式化顶行）下拉列表中，可以设置表格格式化顶行）下拉列表中，可以设置表格格式化顶行）下拉列表中，可以设置表格格式化顶行）下拉列表中，可以设置表格顶行的文字格式。这可以使表格列所表述的主题更加清晰，顶行的文字格式。这可以使表格列所表述的主题更加清晰，顶行的文字格式。这可以使表格列所表述的主题更加清晰，顶行的文字格式。这可以使表格列所表述的主题更加清晰，相当于将表头突出显示。其中的选择有：相当于将表头突出显示。其中的选择有：相当于将表头突出显示。其中的选择有：相当于将表头突出显示。其中的选择有：No Formatting No Formatting（不格式化）、不格式化）、不格式化）、不格式化）、BoldBold（加粗）、加粗）、加粗）、加粗）、ItalicItalic（倾斜）、倾斜）、倾斜）、倾斜）、Bold Bold ItalicItalic（加粗倾斜）。加粗倾斜）。加粗倾斜）。加粗倾斜）。在在在在BorderBorder文本框中，可以输入表格边框的宽度。文本框中，可以输入表格边框的宽度。文本框中，可以输入表格边框的宽度。文本框中，可以输入表格边框的宽度。1818 设置完毕，单击设置完毕，单击设置完毕，单击设置完毕，单击OKOK按钮，确定操作。这时数据源文按钮，确定操作。这时数据源文按钮，确定操作。这时数据源文按钮，确定操作。这时数据源文件中的数据就被导入到文档中，同时创建了相应的件中的数据就被导入到文档中，同时创建了相应的件中的数据就被导入到文档中，同时创建了相应的件中的数据就被导入到文档中，同时创建了相应的表格。图表格。图表格。图表格。图7.107.10就是导入图就是导入图就是导入图就是导入图7.67.6的数据生成的表格。的数据生成的表格。的数据生成的表格。的数据生成的表格。3.3.导出表格数据导出表格数据导出表格数据导出表格数据执行执行执行执行File|Export|Export TableFile|Export|Export Table（文件文件文件文件|导出导出导出导出|导出表格）导出表格）导出表格）导出表格）命令可以将网页中的表格数据导出到文本文件中，命令可以将网页中的表格数据导出到文本文件中，命令可以将网页中的表格数据导出到文本文件中，命令可以将网页中的表格数据导出到文本文件中，供其他软件使用。参数设置与导入表格类似。供其他软件使用。参数设置与导入表格类似。供其他软件使用。参数设置与导入表格类似。供其他软件使用。参数设置与导入表格类似。1919图图7.1020207.2 编辑表格7.2.1 7.2.1 选中表格元素选中表格元素选中表格元素选中表格元素1.1.选中整张表格要选中整张表格，有选中整张表格要选中整张表格，有选中整张表格要选中整张表格，有选中整张表格要选中整张表格，有6 6种方法：种方法：种方法：种方法：将鼠标移动到表格的左上角位置，或是表格上边将鼠标移动到表格的左上角位置，或是表格上边将鼠标移动到表格的左上角位置，或是表格上边将鼠标移动到表格的左上角位置，或是表格上边框或下边框外附近的任意位置，当鼠标光标呈现一框或下边框外附近的任意位置，当鼠标光标呈现一框或下边框外附近的任意位置，当鼠标光标呈现一框或下边框外附近的任意位置，当鼠标光标呈现一个交叉十字的形状时单击鼠标，即可选中表格，如个交叉十字的形状时单击鼠标，即可选中表格，如个交叉十字的形状时单击鼠标，即可选中表格，如个交叉十字的形状时单击鼠标，即可选中表格，如图图图图7.117.11所示。所示。所示。所示。将鼠标移动到表格左方边框之外的区域，当鼠标将鼠标移动到表格左方边框之外的区域，当鼠标将鼠标移动到表格左方边框之外的区域，当鼠标将鼠标移动到表格左方边框之外的区域，当鼠标指针变为指向右上方的箭头指针变为指向右上方的箭头指针变为指向右上方的箭头指针变为指向右上方的箭头 形状时，单击鼠标，形状时，单击鼠标，形状时，单击鼠标，形状时，单击鼠标，即可选中整张表格。即可选中整张表格。即可选中整张表格。即可选中整张表格。单击表格中任意位置，然后执行单击表格中任意位置，然后执行单击表格中任意位置，然后执行单击表格中任意位置，然后执行Modify|Table|Select TableModify|Table|Select Table（修改修改修改修改|表格表格表格表格|选择表格）选择表格）选择表格）选择表格）命令，这时整张表格被选中。命令，这时整张表格被选中。命令，这时整张表格被选中。命令，这时整张表格被选中。2121图图7.112222 单击表格中任意位置，执行单击表格中任意位置，执行单击表格中任意位置，执行单击表格中任意位置，执行Edit|Select AllEdit|Select All（编辑编辑编辑编辑|全选）全选）全选）全选）命令，或是按命令，或是按命令，或是按命令，或是按Ctrl+ACtrl+A键。键。键。键。单击表格中的任意位置，然后在文档窗口左下方状态行单击表格中的任意位置，然后在文档窗口左下方状态行单击表格中的任意位置，然后在文档窗口左下方状态行单击表格中的任意位置，然后在文档窗口左下方状态行上标记选择器中单击上标记选择器中单击上标记选择器中单击上标记选择器中单击 table标记。标记。标记。标记。按住按住按住按住ShiftShift键，然后单击表格中的任意位置。键，然后单击表格中的任意位置。键，然后单击表格中的任意位置。键，然后单击表格中的任意位置。当表格被选中时，其周围出现一个边框，表明被选中，同当表格被选中时，其周围出现一个边框，表明被选中，同当表格被选中时，其周围出现一个边框，表明被选中，同当表格被选中时，其周围出现一个边框，表明被选中，同时在边框的右方和下方带有黑色控制柄。通过拖动这些时在边框的右方和下方带有黑色控制柄。通过拖动这些时在边框的右方和下方带有黑色控制柄。通过拖动这些时在边框的右方和下方带有黑色控制柄。通过拖动这些黑色控点，可以改变表格的大小。黑色控点，可以改变表格的大小。黑色控点，可以改变表格的大小。黑色控点，可以改变表格的大小。2.2.选择表格行选择表格行选择表格行选择表格行要选中表格行，可以使用以下几种方法。要选中表格行，可以使用以下几种方法。要选中表格行，可以使用以下几种方法。要选中表格行，可以使用以下几种方法。将鼠标移动到要选中表格行左方表格之外的位置，当鼠将鼠标移动到要选中表格行左方表格之外的位置，当鼠将鼠标移动到要选中表格行左方表格之外的位置，当鼠将鼠标移动到要选中表格行左方表格之外的位置，当鼠标指针变为一个指向右方的黑色箭头形状时单击鼠标，标指针变为一个指向右方的黑色箭头形状时单击鼠标，标指针变为一个指向右方的黑色箭头形状时单击鼠标，标指针变为一个指向右方的黑色箭头形状时单击鼠标，即可选中相应的表格行，如图即可选中相应的表格行，如图即可选中相应的表格行，如图即可选中相应的表格行，如图7.127.12所示。这时按下鼠标所示。这时按下鼠标所示。这时按下鼠标所示。这时按下鼠标上下拖动，可以选中多行。上下拖动，可以选中多行。上下拖动，可以选中多行。上下拖动，可以选中多行。2323图图7.112424图图7.122525 单击要选择的表格行中的第一个单元格，然后按住鼠标单击要选择的表格行中的第一个单元格，然后按住鼠标单击要选择的表格行中的第一个单元格，然后按住鼠标单击要选择的表格行中的第一个单元格，然后按住鼠标左键，拖动鼠标，直到要选择的表格行中最后一个单元左键，拖动鼠标，直到要选择的表格行中最后一个单元左键，拖动鼠标，直到要选择的表格行中最后一个单元左键，拖动鼠标，直到要选择的表格行中最后一个单元格中，释放鼠标，即可选中表格行。同样，拖动鼠标，格中，释放鼠标，即可选中表格行。同样，拖动鼠标，格中，释放鼠标，即可选中表格行。同样，拖动鼠标，格中，释放鼠标，即可选中表格行。同样，拖动鼠标，移过多个表格行，即可选中多个表格行。移过多个表格行，即可选中多个表格行。移过多个表格行，即可选中多个表格行。移过多个表格行，即可选中多个表格行。单击要选择的表格行中任意一个单元格，然后在文档窗单击要选择的表格行中任意一个单元格，然后在文档窗单击要选择的表格行中任意一个单元格，然后在文档窗单击要选择的表格行中任意一个单元格，然后在文档窗口左下方状态行上单击口左下方状态行上单击口左下方状态行上单击口左下方状态行上单击 tr标记，即可选中该表格行，标记，即可选中该表格行，标记，即可选中该表格行，标记，即可选中该表格行，当表格行被选中时，该行中所有的单元格四周都带有黑当表格行被选中时，该行中所有的单元格四周都带有黑当表格行被选中时，该行中所有的单元格四周都带有黑当表格行被选中时，该行中所有的单元格四周都带有黑色粗框。色粗框。色粗框。色粗框。3.3.选择表格列选择表格列选择表格列选择表格列要选中表格列，有如下方法：要选中表格列，有如下方法：要选中表格列，有如下方法：要选中表格列，有如下方法：将鼠标移动到要选中表格列上方表格之外的位置，当鼠将鼠标移动到要选中表格列上方表格之外的位置，当鼠将鼠标移动到要选中表格列上方表格之外的位置，当鼠将鼠标移动到要选中表格列上方表格之外的位置，当鼠标光标指针变为一个指向下方的黑色箭头形状时单击鼠标光标指针变为一个指向下方的黑色箭头形状时单击鼠标光标指针变为一个指向下方的黑色箭头形状时单击鼠标光标指针变为一个指向下方的黑色箭头形状时单击鼠标，即可选中相应的表格列；这时按下鼠标左右拖动，标，即可选中相应的表格列；这时按下鼠标左右拖动，标，即可选中相应的表格列；这时按下鼠标左右拖动，标，即可选中相应的表格列；这时按下鼠标左右拖动，可以选中多列，如图可以选中多列，如图可以选中多列，如图可以选中多列，如图7.137.13所示。所示。所示。所示。2626图图7.132727 单击要选择表格列中的第一个单元格，然后按住鼠标左单击要选择表格列中的第一个单元格，然后按住鼠标左单击要选择表格列中的第一个单元格，然后按住鼠标左单击要选择表格列中的第一个单元格，然后按住鼠标左键，拖动鼠标，直到要选择表格列中最后一个单元格中，键，拖动鼠标，直到要选择表格列中最后一个单元格中，键，拖动鼠标，直到要选择表格列中最后一个单元格中，键，拖动鼠标，直到要选择表格列中最后一个单元格中，再释放鼠标，即可选中表格列。同样，拖动鼠标，移过再释放鼠标，即可选中表格列。同样，拖动鼠标，移过再释放鼠标，即可选中表格列。同样，拖动鼠标，移过再释放鼠标，即可选中表格列。同样，拖动鼠标，移过多个表格列，即可选中多个表格列。多个表格列，即可选中多个表格列。多个表格列，即可选中多个表格列。多个表格列，即可选中多个表格列。4.4.选中单元格选中单元格选中单元格选中单元格在在在在DreamweaverDreamweaver中，可以选中相邻的单元格，也可以选中中，可以选中相邻的单元格，也可以选中中，可以选中相邻的单元格，也可以选中中，可以选中相邻的单元格，也可以选中不相邻的单元格。不相邻的单元格。不相邻的单元格。不相邻的单元格。选择一个单元格。在要选择的单元格中单击鼠标，然后选择一个单元格。在要选择的单元格中单击鼠标，然后选择一个单元格。在要选择的单元格中单击鼠标，然后选择一个单元格。在要选择的单元格中单击鼠标，然后拖动到相邻单元格（左、右、上、下以及斜线方向皆可）拖动到相邻单元格（左、右、上、下以及斜线方向皆可）拖动到相邻单元格（左、右、上、下以及斜线方向皆可）拖动到相邻单元格（左、右、上、下以及斜线方向皆可）中部，当要选中单元格四周带有粗框时释放鼠标。中部，当要选中单元格四周带有粗框时释放鼠标。中部，当要选中单元格四周带有粗框时释放鼠标。中部，当要选中单元格四周带有粗框时释放鼠标。另一种方法是在要选中的单元格中单击鼠标，然后在文档另一种方法是在要选中的单元格中单击鼠标，然后在文档另一种方法是在要选中的单元格中单击鼠标，然后在文档另一种方法是在要选中的单元格中单击鼠标，然后在文档窗口左下方状态行上的标记选择器中，单击窗口左下方状态行上的标记选择器中，单击窗口左下方状态行上的标记选择器中，单击窗口左下方状态行上的标记选择器中，单击 td或或或或 th标记。被选中的单元格四周会出现粗框。标记。被选中的单元格四周会出现粗框。标记。被选中的单元格四周会出现粗框。标记。被选中的单元格四周会出现粗框。2828 选中相邻多个单元格。在相邻单元格中的第一个单选中相邻多个单元格。在相邻单元格中的第一个单选中相邻多个单元格。在相邻单元格中的第一个单选中相邻多个单元格。在相邻单元格中的第一个单元格中按下鼠标，拖动鼠标（可以横向、纵向、斜元格中按下鼠标，拖动鼠标（可以横向、纵向、斜元格中按下鼠标，拖动鼠标（可以横向、纵向、斜元格中按下鼠标，拖动鼠标（可以横向、纵向、斜线拖动），移动到最后一个单元格中，即可选中一线拖动），移动到最后一个单元格中，即可选中一线拖动），移动到最后一个单元格中，即可选中一线拖动），移动到最后一个单元格中，即可选中一组相邻单元格。组相邻单元格。组相邻单元格。组相邻单元格。选中不相邻的多个单元格。按住选中不相邻的多个单元格。按住选中不相邻的多个单元格。按住选中不相邻的多个单元格。按住CtrlCtrl键，单击要选键，单击要选键，单击要选键，单击要选中的单元格，则被单击的单元格就会被选中。中的单元格，则被单击的单元格就会被选中。中的单元格，则被单击的单元格就会被选中。中的单元格，则被单击的单元格就会被选中。5.5.取消选中状态取消选中状态取消选中状态取消选中状态选中表格元素后，如果希望取消选择状态，只要单击选中表格元素后，如果希望取消选择状态，只要单击选中表格元素后，如果希望取消选择状态，只要单击选中表格元素后，如果希望取消选择状态，只要单击任何单元格，就会取消对表格元素的选中状态。也任何单元格，就会取消对表格元素的选中状态。也任何单元格，就会取消对表格元素的选中状态。也任何单元格，就会取消对表格元素的选中状态。也可以通过单击表格之外的其他任意位置来取消对表可以通过单击表格之外的其他任意位置来取消对表可以通过单击表格之外的其他任意位置来取消对表可以通过单击表格之外的其他任意位置来取消对表格元素的选择。格元素的选择。格元素的选择。格元素的选择。29297.2.2 7.2.2 插入行或列插入行或列插入行或列插入行或列最初插入表格的行数或列数不够时，可以插入行或列，这最初插入表格的行数或列数不够时，可以插入行或列，这最初插入表格的行数或列数不够时，可以插入行或列，这最初插入表格的行数或列数不够时，可以插入行或列，这些操作都可以在些操作都可以在些操作都可以在些操作都可以在Modify|TableModify|Table菜单中实现（见图菜单中实现（见图菜单中实现（见图菜单中实现（见图7.147.14）。）。）。）。1.1.插入一行插入一行插入一行插入一行执行执行执行执行Modify|Table|Insert RowModify|Table|Insert Row（修改修改修改修改|表格表格表格表格|插入行）命令，插入行）命令，插入行）命令，插入行）命令，或按或按或按或按Ctrl+MCtrl+M键，就会在原先单元格的上方，插入一个新键，就会在原先单元格的上方，插入一个新键，就会在原先单元格的上方，插入一个新键，就会在原先单元格的上方，插入一个新空白行。空白行。空白行。空白行。2.2.插入一列插入一列插入一列插入一列执行执行执行执行Modify|Table|Insert ColumnModify|Table|Insert Column（修改修改修改修改|表格表格表格表格|插入列）命插入列）命插入列）命插入列）命令，在原单元格的左方插入一列。令，在原单元格的左方插入一列。令，在原单元格的左方插入一列。令，在原单元格的左方插入一列。3.3.插入多行或多列插入多行或多列插入多行或多列插入多行或多列 执行执行执行执行Modify|Table|Insert Rows or ColumnsModify|Table|Insert Rows or Columns（插入行插入行插入行插入行或列）命令或列）命令或列）命令或列）命令,打开打开打开打开Insert Rows or ColumnsInsert Rows or Columns（插入行或插入行或插入行或插入行或列）对话框（图列）对话框（图列）对话框（图列）对话框（图7.157.15），提示输入要添加的行数、列数），提示输入要添加的行数、列数），提示输入要添加的行数、列数），提示输入要添加的行数、列数和位置。和位置。和位置。和位置。3030图图7.14313