首页 百科知识 2.5.1插入表格

2.5.1插入表格

时间:2022-10-15 百科知识 版权反馈
【摘要】:在Dreamweaver CS4中,有多种插入表格的方法,下面学习在“设计”视图中,使用菜单命令和工具按钮的方法插入和编辑表格的方法。从插入表格可以看出,合理地使用Dreamweaver可视化操作,自动生成代码比用记事本编写HTML代码要简单得多。在实际制作网页时,网页的外观大多可在Dreamweaver中用可视化操作完成,这使网页制作者省去很多简单重复劳动,大大提高网页制作的效率。

2.5.1 插入表格

在Dreamweaver CS4中,有多种插入表格的方法,下面学习在“设计”视图中,使用菜单命令和工具按钮的方法插入和编辑表格的方法。例如,网页中插入类似于1-7.htm的表格,可以采用如下步骤。

(1)将鼠标光标置于文档中需要插入表格的位置。

(2)选择“插入”−>“表格”菜单命令,或者在“插入”面板下单击img103按钮,弹出“表格”对话框,如图2-28左图所示。

img104

img105

图2-28 新建表格对话框与生成的表格

(3)在对话框中输入图2-28左图所示的表格参数,就可以得到右图所示的表格。

使用“代码”视图查看自动生成的HTML代码如下。

<table width="500" border="1" cellspacing="0" cellpadding="0">

<caption> 课程表 </caption>

<tr>

<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td>

<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td>

<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td>

<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td>

<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td>

<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td>

</tr>

</table>

同时会发现每一个单元格中都自动插入了一个占位符空格(&nbsp;),若在“设计”视图的单元格内插入内容,则占位符会自动消失。

从插入表格可以看出,合理地使用Dreamweaver可视化操作,自动生成代码比用记事本编写HTML代码要简单得多。在实际制作网页时,网页的外观大多可在Dreamweaver中用可视化操作完成,这使网页制作者省去很多简单重复劳动,大大提高网页制作的效率。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈