如何在网页设计中编辑表格

  • 2019-10-18 14:33:46
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

网站建设时,插入表格以后,如果该表格不符合要求,可以改变表格的结构和大小。例如,在网页设计时合并和拆分单元格、插入行或列,以及删除行或列。

  1. 改变表格的大小在页面中插入表格以后,可以通过拖动表格框线来改变表格的大小。

【操作步骤】

第1步,选中整个表格。第2步,将鼠标指针置于边框的控制点上,当鼠标指针变为双向箭头形状时,单击并拖动鼠标,即可改变表格的大小。

提示:要选定整个表格,可采用以下几种方法之一。

 •将鼠标指针置于表格的边框或者4个顶角上,当鼠标指针变为形状时,单击选中表格,这时表格的外边框显示3个黑色控制点。   

•将鼠标指针置于表格中,选择【修改】|【表格】|【选择表格】命令。   

•将鼠标指针置于表格中,在状态栏左下角的标签选择器内会显示<table>标记,单击该标记,即可选中整个表格。

2. 增加行或者列要为插入的表格增加行或者列,首先要将插入点置于要插入行或列的单元格中,然后任选以下几种方法之一:   

•选择【修改】|【表格】|【插入行】命令,插入一行;选择【修改】|【表格】|【插入列】命令,插入一列。   

•右击表格,在打开的快捷菜单中选择【表格】|【插入行】命令,插入一行;选择【表格】|【插入列】命令,插入一列。   

•直接按Ctrl+M快捷键,插入一行;按Shift+Ctrl+A组合键,插入一列。要插入多行或者多列,可采用下面的步骤。

【操作步骤】

第1步,选择【修改】|【表格】|【插入行或列】命令,或者右击,在弹出的快捷菜单中选择【表格】|【插入行或列】命令,打开【插入行或列】对话框。

第2步,在图6.5所示的对话框中,输入相应的参数值。

•插入:在该选项组中选中【行】单选按钮,插入行。   

•行数:在该微调框中设置要插入的行数。   

•位置:选择插入的位置,选中【所选之上】单选按钮,表示在当前行之前插入。   

•如果选中【所选之下】单选按钮,则在当前行之后插入。

第3步,单击【确定】按钮,关闭对话框。
3. 删除行或者列删除行的步骤如下。

【操作步骤】

第1步,选中要删除的行。

第2步,选择【修改】|【表格】|【删除行】命令,或者右击该行,在弹出的快捷菜单中选择【表格】|【删除行】命令。

提示:在网页设计中,选中行的方法有以下几种。   

•将鼠标指针置于行首,当鼠标指针变为向右的箭头时,拖动到要选中的最后一行,可以选中多行。   

•将鼠标指针置于单元格中,在状态栏中左下角标签选择器中会显示<tr>标记,单击该标记,可选中鼠标指针所在的一行。删除列的步骤如下。

【操作步骤】

第1步,选定要删除的列。

第2步,选择【修改】|【表格】|【删除列】命令,或者右击该列,在弹出的快捷菜单中选择【表格】|【删除列】命令。

提示:选中列的方法是,将鼠标指针置于列首,当变为向下的箭头时,单击可选中一列,这时拖动鼠标可以选中多列。在表格底部添加行,或者在表格最右边添加列的操作步骤如下。

【操作步骤】第1步,选中表格以后,选择【窗口】|【属性】命令,打开【属性】面板。

第2步,在【属性】面板的【行】文本框或者Cols文本框中输入要添加后的行数或者列数。

4. 合并单元格合并列或者行中相邻的单元格的步骤如下。

【操作步骤】

第1步,将鼠标指针置于第1个单元格中。

第2步,选择【修改】|【表格】|【增加行宽】命令,合并一列中相邻的两个单元格;或者选择【修改】|【表格】|【增加列宽】命令,合并一行中相邻的两个单元格。提示:右击,在弹出的快捷菜单中选择【表格】|【增加行宽】命令,合并一列中相邻的两个单元格,或者在快捷菜单中选择【表格】|【增加列宽】命令,合并一行中相邻的两个单元格。合并多个单元格的具体步骤如下。【操作步骤】

第1步,将鼠标指针置于第1个单元格中,单击并拖动鼠标至要合并的最后一个单元格,选中多个单元格。

第2步,选择【修改】|【表格】|【合并单元格】命令,则合并单元格。提示:合并单元格,还可以采用以下几种方法。

•选中要合并的单元格后右击,在弹出的快捷菜单中选择【表格】|【合并单元格】命令。   

•打开【属性】面板,单击【合并单元格】按钮。   

•按Ctrl+Alt+M组合键。

5. 拆分单元格拆分单元格的步骤如下。

【操作步骤】

第1步,将光标置于要拆分的单元格中。

第2步,选择【修改】|【表格】|【拆分单元格】命令;或者右击选中的多个单元格,在弹出的快捷菜单中选择【表格】|【拆分单元格】命令;或者打开【属性】面板,单击【拆分单元格】按钮或者按Ctrl+Alt+S组合键,打开【拆分单元格】对话框。

第3步,在【拆分单元格】对话框中进行相应的设置。   

•把单元格拆分:在该选项组中选中【行】单选按钮,表示将单元格拆分为多行;选中【列】单选按钮,表示将单元格拆分为多列。   

•行数:在该文本框中输入要拆分的行数或列数,或者单击右边的微调按钮设置行数或列数。

第4步,设置完毕,单击【确定】按钮即可。


当前文章标题:如何在网页设计中编辑表格

当前URL:http://www.lyjtt.cn/news/wzzz/3112.html

上一篇:表格基本操作

下一篇:设置表格属性

网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)