网页中使用表格

1、网页制作实例教程（第网页制作实例教程（第3版）版） 网页制作实例教程（第网页制作实例教程（第3版）版） 1用菜单命令新建表格用菜单命令新建表格步骤：“插入”菜单“表格”。2用插入面板的用插入面板的“表格表格”按钮新建表按钮新建表格格步骤：在“插入”面板选“常用”卡单击“表格”按钮。网页制作实例教程（第网页制作实例教程（第3版）版）3“表格表格”对话框对话框“表格”对话框分3部分：表格大小、标题、辅助功能。 网页制作实例教程（第网页制作实例教程（第3版）版） 凡是要导入到网页中的表格数据，数据源文件本身的排列必须有一定的规则，如果是txt格式的文件，同一行的每两个数据之间要有分隔符，而且同一文件

2、的分隔符要相同。分隔符可以是逗号、冒号、分号、Tab键、空格键等。 能导入表格数据格式的文件类型有：word、Excel、文本文件，等。 网页制作实例教程（第网页制作实例教程（第3版）版） “文件”菜单“导入” “表格式数据” 。网页制作实例教程（第网页制作实例教程（第3版）版） 排序不能对合并的单元格进行排序不能对合并的单元格进行 网页制作实例教程（第网页制作实例教程（第3版）版） 1 1，选取整个表格，选取整个表格 2 2，选取表格的行，选取表格的行 3 3，选取表格的列，选取表格的列 4 4，选取表格里的单元格，选取表格里的单元格 网页制作实例教程（第网页制作实例教程（第3版）版） 网页

3、制作实例教程（第网页制作实例教程（第3版）版） 1，添加行或列2，删除行或列3，改变表格宽度4，表格对齐5，表格边框6，表格背景图像网页制作实例教程（第网页制作实例教程（第3版）版）网页制作实例教程（第网页制作实例教程（第3版）版） 1，合并单元格 5，设置单元格背景色 2，拆分单元格 6，设置单元格背景图像 3，使单元格跨行或跨列 7，在单元格输入文字或图像 4，减少行宽和减少列宽 8，用单元格制作高度为1像素的直线 网页制作实例教程（第网页制作实例教程（第3版）版）例例4-5 用单元格产生直线用单元格产生直线网页制作实例教程（第网页制作实例教程（第3版）版）1，嵌套表格：嵌套表格是在表格里

4、面插入表格 。2，表格叠加：将几个宽度相同相互独立的表格叠放在一起 。网页制作实例教程（第网页制作实例教程（第3版）版）表格的标记主要有：1，表格的开始和结束标记与2，表格行开始和结束标记与3，表格单元格开始和结束标记与。4，表格标题单元格开始和结束标记与 表格标记的层次关系是，最外层是表格标记，第2层是表格的行标记，里面是单元格标记。网页制作实例教程（第网页制作实例教程（第3版）版）1 1标记标记定义表格开始和结束的标记，是双标记。标记的常用属性如下：（1）border属性，定义边框宽度，单位是像素。（2）bordercolor属性，定义边框颜色。（3）align属性，定义表格在页面的水平位

5、置，可取值为left、right、center。（4）bgcolor属性，定义表格背景色。（5）background属性，定义表格背景图像。（6）wigth属性，定义表格宽度，单位有百分比和像素两种。（7）height属性，定义表格高度，通常不定义表格高度。网页制作实例教程（第网页制作实例教程（第3版）版）2 2标记标记定义表格中行开始和行结束，是双标记，表格有几行，就有几对和标记。标记的常用属性如下：（1）align属性，定义水平对齐方式，取值有：left、center、right。（2）valign属性，定义垂直对齐方式，取值有：top、middle、bottom。（3）bgcolor属性

6、，定义行的背景色。（4）bordercolor属性，定义行的边框色。3 3标记和标记和标记标记 标记和标记都用来定义单元格，用和定义的单元格为表格的标题单元格，单元格中的文字用黑体，并且居中显示。用和定义的单元格为普通单元格。 表的列由每行包含的单元格数目决定。网页制作实例教程（第网页制作实例教程（第3版）版）标记和标记的常用属性如下：（1）align属性，定义单元格内容水平对齐，取值有：left、center、right。（2）valign属性，定义单元格内容垂直对齐，取值有：top、middle、bottom。（3）colspan属性，定义单元格向右打通的栏数，在行的方向合并单元格。（4）

7、rpwspan属性，定义单元格向下打通的栏数，在列的方向合并单元格。（5）width属性，定义单元格的宽度，单位用像素或百分比。（6）height属性，定义单元格的高度，单位用像素或百分比。（7）nowrap属性，禁止单元格的内容自动换行。（8）bgcolor属性，定义单元格的背景色。（9）background属性，定义单元格的背景图像。网页制作实例教程（第网页制作实例教程（第3版）版）标记和标记的常用属性如下：（1）align属性，定义单元格内容水平对齐，取值有：left、center、right。（2）valign属性，定义单元格内容垂直对齐，取值有：top、middle、bottom。（

8、3）colspan属性，定义单元格向右打通的栏数，在行的方向合并单元格。（4）rpwspan属性，定义单元格向下打通的栏数，在列的方向合并单元格。（5）width属性，定义单元格的宽度，单位用像素或百分比。（6）height属性，定义单元格的高度，单位用像素或百分比。（7）bgcolor属性，定义单元格的背景色。（8）background属性，定义单元格的背景图像。4 4标记标记定义表格标题，标题内容显示在表格外面，默认显示在表格上方中间。是双标记。（1）align属性，取值为right、left、middle，设置标题水平位置，默认居中。（2）valign属性，取值为top、bottom，确

9、定标题在表格上方还是在表格下方。网页制作实例教程（第网页制作实例教程（第3版）版）例例4-7 使用表格标记使用表格标记使用表格标记潍坊学院英语教育05级1班 期中考试成绩表 姓名 性别 分数网页制作实例教程（第网页制作实例教程（第3版）版） 张三女90 李四男 98 网页制作实例教程（第网页制作实例教程（第3版）版） 实验要求：（1）用表格布局页面。（2）设置表格背景图像。（3）制作横向导航条。（4）在表格中插入文字和图像。网页制作实例教程（第网页制作实例教程（第3版）版） 网页制作实例教程（第网页制作实例教程（第3版）版）上机实验4-2 世界上最远的距离 不是生与死的距离 而是我站在你面前 你不知道我爱你 世界上最远的距离 不是我站在你面前你不知道我爱你 网页制作实例教程（第网页制作实例教程（第3版