![网页设计与网站建设全攻略](https://wfqqreader-1252317822.image.myqcloud.com/cover/587/27110587/b_27110587.jpg)
5.2 编辑表格
创建表格后,用户根据网页设置需要对表格进行处理,例如,选择表格和选择单元格、调整表格和单元格的大小、添加或删除行或列、拆分单元格、剪切、复制和粘贴单元格等,熟练掌握表格的基本操作,可以提高制作网页速度。
5.2.1 选择表格及其元素
要想对表格进行编辑,那么首先选择它,主要有以下4种方法选取整个表格。
•将光标置于表格的左上角,按住鼠标的左键不放,拖动鼠标指针到表格的右下角,将整个表格中的单元格选中,单击鼠标的右键,在弹出的快捷菜单中选择“表格”|“选择表格”命令,如图5-5所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0209.jpg?sign=1739526364-fUZmXBx8r6L78oAhPjsnw8FO8JjRHzuj-0-c8f6072989aeb8596f96aa7605aab22d)
图5-5 执行“选择表格”命令
•单击表格边框线的任意位置,即可选中表格,如图5-6所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0210.jpg?sign=1739526364-1BUOnY0qOZCJB8XBPnMTthG8xCSkbDby-0-74f14362ccab7b41752440c1a0024cc1)
图5-6 单击表格边框线
•将光标置于表格内任意位置,执行“修改”|“表格”|“选择表格”命令,如图5-7所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0211.jpg?sign=1739526364-mbH0S2KSgsWvgTrPjhf9XMwU1j1MjlQm-0-fd2d64e9e7f1b8c4e02e74f86c8cd436)
图5-7 执行“选择表格”命令
•将光标置于表格内任意位置,单击文档窗口左下角的<table>标签,如图5-8所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0212.jpg?sign=1739526364-45FSP5ykowX7ABNEhENHmbyu75DKfgCE-0-864ce6d6935567eb89e5710c1cddda27)
图5-8 选择<table>标签
选择表格的行与列也有两种不同的方法。
•当鼠标位于要选择行首或列顶时,鼠标指针形状变成了黑箭头,单击鼠标左键即可选中列或行,如图5-9所示和5-10所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0213.jpg?sign=1739526364-IgA7JVMdwMXLtqcQiPIMo9rCDAwh9LnI-0-80cc469b09f0479832131736f1c1220f)
图5-9 选择列
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0214.jpg?sign=1739526364-cdGcGG7UukIIqkmMaot9nVGM38F7NOFM-0-227258b769a9f20cc9c5e56a831fac48)
图5-10 选择行
•按住鼠标左键不放从左至右或者从上向下拖动,即可选中列或者行,如图5-11所示和5-12所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0215.jpg?sign=1739526364-verle2doqTVqeZcEqhwzzYs4RdNp5wvm-0-3a7ace8a107c7cbf9557dd18cbd21265)
图5-11 选中列
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0216.jpg?sign=1739526364-bb827onn1CPNEu4y6o4uBtCeBTgmwF4w-0-0032073f78ffc883be1ce41ed91e6991)
图5-12 选中行
选择表格中的单元格有两种方式,一种是选择单个单元格,另一种是选择多个单元格。
•按住Ctrl键,然后单击要选中的单元格即可。
•将光标移到要选中的单元格中并单击释放,按住Ctrl+A组合键,即可选中该单元格。
•将光标置于要选中的单元格中,执行“编辑”|“全选”命令,即可选中该单元格。
•将光标置于要选中的单元格中,单击文档窗口左下角的<td>标签可以选中。
•按住Shift键不放并单击选择多个单元格中的第一个和最后一个,可以选中多个相邻的单元格。
•按住Ctrl键不放单击并选择多个单元格,可以选中多个相邻或不相邻的单元格,如图5-13所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0217.jpg?sign=1739526364-h0ioWO9kM8to17h47sklQszeDAU5xiav-0-bb4ef4b5bad2b50eb1db4fd1cf877201)
图5-13 选中不相邻的单元格
5.2.2 调整表格和单元格的大小
在文档中插入表格后,若想改变表格的高度和宽度,可以先选中该表格,在出现的3个控制点后将鼠标移动到控制点上,当鼠标指针变成如图5-14、5-15和5-16所示的形状时,按住鼠标左键并拖动即可改变表格的高度和宽度。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0218.jpg?sign=1739526364-AL59eONDO8XDtrF5uxGqOctF6S4FTyto-0-f39351aa1ddab446b26dc5e315c714d3)
图5-14 调整表格的高度
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0219.jpg?sign=1739526364-lrd96KI2XA38C7RFafayrl70hPVHSDx7-0-3b86cbdd77c2a0df6951146776aab4e2)
图5-15 调整表格的宽度
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0220.jpg?sign=1739526364-Q92vFPxMCviz2H0XHGvEHiCmbslVMcVb-0-07c618e0f261ce53fdd01d4458168c4b)
图5-16 同时调整表格的宽度和高度
★提示★
还可以在“属性”面板中改变表格的“宽”和“高”的值,来改变表格的大小。
5.2.3 添加、删除行或列
可以执行“修改”|“表格”菜单中的子命令,增加或减少行与列。
增加行与列可以用以下方法。
•将光标置于相应的单元格中,执行“修改”|“表格”|“插入行”命令,即可插入一行。
•将光标置于相应的位置,执行“修改”|“表格”|“插入列”命令,即可在相应的位置插入一列。
•将光标置于相应的位置,执行“修改”|“表格”|“插入行或列”命令,弹出“插入行或列”对话框,在对话框中进行相应的设置,如图5-17所示。单击“确定”按钮,即可在相应的位置插入行或列,如图5-18所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0221.jpg?sign=1739526364-IM917zZ64fsEhBc0NCDMuLmR9gHkT9ms-0-c2aa59c30cb100dbfd18f219379b1bfe)
图5-17 “插入行或列”对话框
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0222.jpg?sign=1739526364-LCIlGa1R2I0Kj2SqT5BWCfUi7hOLUam9-0-ccb428ababcbc0fe643046b3c63f67d4)
图5-18 插入行
★高手支招★
在“插入行或列”对话框中可以进行如下设置。
• 插入:包含“行”和“列”两个单选按钮,一次只能选择其中一个来插入行或者列。该选项组的初始状态选择的是“行”选项,所以下面的选项就是“行数”。如果选择的是“列”选项,那么下面的选项就变成了“列数”,在“列数”选项的文本框内可以直接输入要插入的列数。
• 位置:包含“所选之上”和“所选之下”两个单选按钮。如果“插入”选项选择的是“列”选项,那么“位置”选项后面的两个单选按钮就会变成“在当前列之前”和“在当前列之后”。
删除行或列有以下几种方法。
•选中要删除的行或列,执行“编辑”|“清除”命令,即可删除选中的行或列,如图5-19所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0223.jpg?sign=1739526364-QvO3whQdnTdnP5vZChxUt94W4Rsz8hIX-0-8a645bdd5e342f48ce947975ac0ead55)
图5-19 执行“清除”命令
•将光标置于要删除行或列的位置,执行“修改”|“表格”|“删除行”命令,或执行“修改”|“表格”|“删除列”命令,即可删除行或列。
•选中要删除的行或列,按Delete键或按BackSpace键也可删除行或列。
5.2.4 拆分单元格
在使用表格的过程中,有时需要拆分单元格以达到自己所需的效果。拆分单元格就是将选中的表格单元格拆分为多行或多列,具体操作步骤如下。
步骤01 将光标置于要拆分的单元格中,执行“修改”|“表格”|“拆分单元格”命令,弹出“拆分单元格”对话框,如图5-20所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0224.jpg?sign=1739526364-MABhg70tBLyBbstgNe6BONlZJ2WTLaOu-0-f91c6185079d4a694dd12dc5751c72d9)
图5-20 “拆分单元格”对话框
步骤02 在对话框中的“把单元格拆分”选择“列”,“列数”设置为3,单击“确定”按钮,即可将单元格拆分,如图5-21所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0225.jpg?sign=1739526364-9oECAo2EhkQFgyTxO2rMB3Bkf5zDGV3f-0-e09998045928a9e92b1babfd9e8ca223)
图5-21 拆分单元格
★高手支招★
拆分单元格还有以下两种方法如下。
• 将光标置于拆分的单元格中,单击鼠标右键,在弹出的快捷菜单中选择“表格”|“拆分单元格”选项,弹出“拆分单元格”对话框,然后进行相应的设置。
• 单击“属性”面板中的“拆分单元格为行或列”按钮,它往往是创建复杂表格的重要步骤。
5.2.5 合并单元格
合并单元格就是将选中表格单元格的内容合并到一个单元格。
首先将要合并的单元格选中;然后执行“修改”|“表格”|“合并单元格”命令,将多个单元格合并成一个单元格。或选中单元格单击右键,在弹出的快捷菜单中选择“表格”|“合并单元格”命令,如图5-22所示,将多个单元格合并成一个单元格,如图5-23所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0227.jpg?sign=1739526364-tfk71gLgmPVGWHF2KrGhR4nTLjM3aifG-0-9e02399ac46f98b78ed708e97f78ca8e)
图5-22 选择“合并单元格”命令
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0228.jpg?sign=1739526364-IUruekMNq4DN85wHnwWjhkAbprKXQtyc-0-98a0cdcb0d7031a9870202b24081cd6d)
图5-23 合并单元格
★高手支招★
也可以单击“属性”面板中的“合并所选单元格,使用跨度”按钮,它往往是创建复杂表格的重要步骤。
5.2.6 拷贝、粘贴表格
拷贝和粘贴是我们平时操作计算机时最常做的一件事了。可以使用Dreamweaver对表格进行拷贝和粘贴。
首先选中需要拷贝的表格,执行“编辑”|“拷贝”命令,如图5-24所示,然后将光标置于要粘贴的位置,执行“编辑”|“粘贴”命令,即可粘贴相应的内容,可以将复制的表格粘贴为一个新的独立表格,如图5-25所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0230.jpg?sign=1739526364-WcLstEx6m8DGFdXfHw39WwJWWhJsFTwu-0-34b8ab7b5c632251ef07aa2697f569f6)
图5-24 执行“拷贝”命令
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0231.jpg?sign=1739526364-n5YM1RFNbOBlivIvQJyJ97N6lcyzOpX8-0-68044f01b05fde99c684a9f362f2f597)
图5-25 粘贴内容