Dreamweaver CS6如何应用：[10]使用表格

表格是Web网页的重要组成元素之一。页面通过对表格旅邯佤践进行修饰，可以为用户提供需要的显示效果。那么下面我们就一起来看一下表格的操作基础知识吧

工具/原料

Dreamweaver CS6

一、创建一个表格

1、新建一个HTML空白页

2、点击‘插入’---‘表格’

3、会弹出一个‘表格’对话框，填入你想设计的几行几列的表格，和宽度，高度之类的参数，点击确定即可

4、其实做法跟WORD文档是一样的，效果如下

5、选中表格，在‘属性’面板中会有各种参数，背景颜色啊之类的，选择就可以了，很简单

二、设置表格标题

1、设计页面时，可以给页面中的表格加上标题。表格的标题功能是由标记<CAPTION>实现的，其语法格式如下所示。<CAPTION align=值 v锾攒揉敫align=值 >标题</CAPTION>CAPTION的参数值见下表：

2、具体操作，重复前面一节，在第三步弹出‘表格’对话框的时候，在‘标题’和‘摘要’分别输入需要的文本

3、效果如下：

三、跨行和跨列处理

1、如果你会使用WORD，就会使用表格的跨行和跨列处理

2、具体操作：创建一个新表格，选中你要处理的表格，右击，选择‘表格’，会出现一溜的表格处理菜单

3、选择你所需要的‘合并单元格’或者其他什么

四、设置表格背景图像

1、设置表格背景图像在我用的Dreamweaver CS6这个版本的表格’属性‘面板中已经找不到了，但这不是说就没办法为表格设置背景图像了，因为还可以通过代码来设置。

2、打开’拆分‘视图，我们看到表格的代码是这样的

3、在<table width="400" border=&孥恶膈茯quot;1" cellpadding=媪青怍牙"0" cellspacing="0" >这个语句中加入background就能自动跳出’浏览‘，点击便能选择图片了，效果如下：

4、最终效果，在表格上的

五、对齐方式

1、大表格的对齐方式。选中整个大表格，在’属性‘面板中选择对齐方式。效果如下：

2、单元格的对齐方式选中某单元格，在’属性‘面板中的’水平‘或’垂直‘设置

六、设置单元格大小

1、选择要设置的单元格，在’属性‘面板中的’宽‘，’高‘设定数值