![网页设计与网站建设全攻略](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=1738948836-E5udUbfHV7m1KCsCOsA4VitJL4G1w7hj-0-19f43cfc9f8d7b40968205a7837bc7ab)
图5-5 执行“选择表格”命令
•单击表格边框线的任意位置,即可选中表格,如图5-6所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0210.jpg?sign=1738948836-nqg3lb1reV7i2XFicPCg79iFGCGc8Nmo-0-abf218a52d8cbb0983a937e20bcd79ae)
图5-6 单击表格边框线
•将光标置于表格内任意位置,执行“修改”|“表格”|“选择表格”命令,如图5-7所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0211.jpg?sign=1738948836-hbEp6lhUA9sxJB3LQzIskPjaLbmtlQ8a-0-bd0b9a073b873f2fe12a9cfc201c5bb1)
图5-7 执行“选择表格”命令
•将光标置于表格内任意位置,单击文档窗口左下角的<table>标签,如图5-8所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0212.jpg?sign=1738948836-yx4D5ftyg3wbvsaX0kRDgXfU1CVuMQ0I-0-5a8d3487e5405198cc9b13084d55752b)
图5-8 选择<table>标签
选择表格的行与列也有两种不同的方法。
•当鼠标位于要选择行首或列顶时,鼠标指针形状变成了黑箭头,单击鼠标左键即可选中列或行,如图5-9所示和5-10所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0213.jpg?sign=1738948836-yV215llWlloWluXE2DlLdpGSaolge58X-0-38fbafcd997495562dfc0eecb8e51378)
图5-9 选择列
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0214.jpg?sign=1738948836-KAmo5S9PUCSzy9Nc13XlBe9atUy4nwsL-0-5e9f8790fa02db3517873677153d580d)
图5-10 选择行
•按住鼠标左键不放从左至右或者从上向下拖动,即可选中列或者行,如图5-11所示和5-12所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0215.jpg?sign=1738948836-qYUnIzt5id37NIS2MJzqFReU72jQXjsd-0-f7946aa5227dad9b1cc6349a98d3e2bc)
图5-11 选中列
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0216.jpg?sign=1738948836-izHyaYAV1VjxMQaeDevaNEzzu3ZNehg1-0-583c11c35d2a47b1dc3cc0a2eeee89f6)
图5-12 选中行
选择表格中的单元格有两种方式,一种是选择单个单元格,另一种是选择多个单元格。
•按住Ctrl键,然后单击要选中的单元格即可。
•将光标移到要选中的单元格中并单击释放,按住Ctrl+A组合键,即可选中该单元格。
•将光标置于要选中的单元格中,执行“编辑”|“全选”命令,即可选中该单元格。
•将光标置于要选中的单元格中,单击文档窗口左下角的<td>标签可以选中。
•按住Shift键不放并单击选择多个单元格中的第一个和最后一个,可以选中多个相邻的单元格。
•按住Ctrl键不放单击并选择多个单元格,可以选中多个相邻或不相邻的单元格,如图5-13所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0217.jpg?sign=1738948836-eB2q7bzQrEoNQo4Po1axftVuT5XKZQUV-0-09785c550d2d5136f8e23038a5320ba8)
图5-13 选中不相邻的单元格
5.2.2 调整表格和单元格的大小
在文档中插入表格后,若想改变表格的高度和宽度,可以先选中该表格,在出现的3个控制点后将鼠标移动到控制点上,当鼠标指针变成如图5-14、5-15和5-16所示的形状时,按住鼠标左键并拖动即可改变表格的高度和宽度。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0218.jpg?sign=1738948836-yOqjtHR3Z4ieSgK64R4Hb8C8mKK8yUw5-0-f45dbe975622650ed0b917b3cd4c60d7)
图5-14 调整表格的高度
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0219.jpg?sign=1738948836-wOtsEKgrxwuKQ1UvgQPucKiIjgUDwqMh-0-b3b9125b5ad2e3dce4dd10371d8d30f6)
图5-15 调整表格的宽度
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0220.jpg?sign=1738948836-Ig2uAgzQhXZinC2YwpAdLpd9AOJoNQln-0-ee3275433642a355928477acad4958e6)
图5-16 同时调整表格的宽度和高度
★提示★
还可以在“属性”面板中改变表格的“宽”和“高”的值,来改变表格的大小。
5.2.3 添加、删除行或列
可以执行“修改”|“表格”菜单中的子命令,增加或减少行与列。
增加行与列可以用以下方法。
•将光标置于相应的单元格中,执行“修改”|“表格”|“插入行”命令,即可插入一行。
•将光标置于相应的位置,执行“修改”|“表格”|“插入列”命令,即可在相应的位置插入一列。
•将光标置于相应的位置,执行“修改”|“表格”|“插入行或列”命令,弹出“插入行或列”对话框,在对话框中进行相应的设置,如图5-17所示。单击“确定”按钮,即可在相应的位置插入行或列,如图5-18所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0221.jpg?sign=1738948836-LDKiDC9woN5TDuNAtPu5LjJfFlu4tTSY-0-7a5af6b3608eccd11e2c05c5eacaa903)
图5-17 “插入行或列”对话框
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0222.jpg?sign=1738948836-hLjFSo4o3SXsLlGzb75Wzj78Mi420uLD-0-6d77b045a3f198ca78c97d22b46b8da9)
图5-18 插入行
★高手支招★
在“插入行或列”对话框中可以进行如下设置。
• 插入:包含“行”和“列”两个单选按钮,一次只能选择其中一个来插入行或者列。该选项组的初始状态选择的是“行”选项,所以下面的选项就是“行数”。如果选择的是“列”选项,那么下面的选项就变成了“列数”,在“列数”选项的文本框内可以直接输入要插入的列数。
• 位置:包含“所选之上”和“所选之下”两个单选按钮。如果“插入”选项选择的是“列”选项,那么“位置”选项后面的两个单选按钮就会变成“在当前列之前”和“在当前列之后”。
删除行或列有以下几种方法。
•选中要删除的行或列,执行“编辑”|“清除”命令,即可删除选中的行或列,如图5-19所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0223.jpg?sign=1738948836-yt2nhk53vDlyFjw5HDaAAjlYKzvQjsAJ-0-8a3d0c03d739c1b4737d86b6658fee31)
图5-19 执行“清除”命令
•将光标置于要删除行或列的位置,执行“修改”|“表格”|“删除行”命令,或执行“修改”|“表格”|“删除列”命令,即可删除行或列。
•选中要删除的行或列,按Delete键或按BackSpace键也可删除行或列。
5.2.4 拆分单元格
在使用表格的过程中,有时需要拆分单元格以达到自己所需的效果。拆分单元格就是将选中的表格单元格拆分为多行或多列,具体操作步骤如下。
步骤01 将光标置于要拆分的单元格中,执行“修改”|“表格”|“拆分单元格”命令,弹出“拆分单元格”对话框,如图5-20所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0224.jpg?sign=1738948836-logoBLw4gh26icZbHpI68XOu9tjluQ1W-0-230c7edb67ebdc6e0ebf0130cd3687c1)
图5-20 “拆分单元格”对话框
步骤02 在对话框中的“把单元格拆分”选择“列”,“列数”设置为3,单击“确定”按钮,即可将单元格拆分,如图5-21所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0225.jpg?sign=1738948836-NbMz1tlKsEXuujnEdf1DwYiGY0oPLDAT-0-d972a524f32859c41ebcb1399886f5cc)
图5-21 拆分单元格
★高手支招★
拆分单元格还有以下两种方法如下。
• 将光标置于拆分的单元格中,单击鼠标右键,在弹出的快捷菜单中选择“表格”|“拆分单元格”选项,弹出“拆分单元格”对话框,然后进行相应的设置。
• 单击“属性”面板中的“拆分单元格为行或列”按钮,它往往是创建复杂表格的重要步骤。
5.2.5 合并单元格
合并单元格就是将选中表格单元格的内容合并到一个单元格。
首先将要合并的单元格选中;然后执行“修改”|“表格”|“合并单元格”命令,将多个单元格合并成一个单元格。或选中单元格单击右键,在弹出的快捷菜单中选择“表格”|“合并单元格”命令,如图5-22所示,将多个单元格合并成一个单元格,如图5-23所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0227.jpg?sign=1738948836-CvMwK5Z5s6dKRYgmYskTyVApLfwMAJSz-0-80c11dd812ff59065872b651d0cd9f68)
图5-22 选择“合并单元格”命令
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0228.jpg?sign=1738948836-hSVsh9nKs4LmigT44kdwlZarpUPUTtpf-0-9776cdb91c22fceaaa32895f8b424885)
图5-23 合并单元格
★高手支招★
也可以单击“属性”面板中的“合并所选单元格,使用跨度”按钮,它往往是创建复杂表格的重要步骤。
5.2.6 拷贝、粘贴表格
拷贝和粘贴是我们平时操作计算机时最常做的一件事了。可以使用Dreamweaver对表格进行拷贝和粘贴。
首先选中需要拷贝的表格,执行“编辑”|“拷贝”命令,如图5-24所示,然后将光标置于要粘贴的位置,执行“编辑”|“粘贴”命令,即可粘贴相应的内容,可以将复制的表格粘贴为一个新的独立表格,如图5-25所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0230.jpg?sign=1738948836-duJQA8U7eHDdDcE3fOgjgKsGsCR47xYh-0-aa100fad01ae48ddc27aa0e34b5270e4)
图5-24 执行“拷贝”命令
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0231.jpg?sign=1738948836-2DhwnF3AD86UFDyNwj0ff6O4mhgqUMBQ-0-bb59d99ed0cb5ae0f743ef2553442786)
图5-25 粘贴内容