网页中使用表格解读

《网页中使用表格解读》由会员分享，可在线阅读，更多相关《网页中使用表格解读（26页珍藏版）》请在金锄头文库上搜索。

1、主编：潘明寒主编：潘明寒 网页制作实例教程 (第3版) 网页中使用表格（第4章） 网页制作实例教程（第3版） 1 1，表格与单元格的基本操作，表格与单元格的基本操作 2 2，表格与单元格的属性，表格与单元格的属性 3 3，表格与单元格标记，表格与单元格标记 4 4，使用表格数据，使用表格数据 本章要点：本章要点： 网页制作实例教程（第3版） 4.1.1 4.1.1 插入表格插入表格 4.1 制作表格网页 1用菜单命令新建表格 步骤：“插入”菜单“表格”。 2用插入面板的“表格”按钮新建表格 步骤：在“插入”面板选“常用”卡单击“表格” 按钮。 网页制作实例教程（第3版） 4.1 制作表格网页

2、3“表格”对话框 “表格”对话框分3部分：表格大小、标题、辅助功能。 网页制作实例教程（第3版） 4.1.2 4.1.2 导入表格导入表格 4.1 制作表格网页 凡是要导入到网页中的表格数据，数据源文件本身的排列必须有一定 的规则，如果是txt格式的文件，同一行的每两个数据之间要有分隔符，而 且同一文件的分隔符要相同。分隔符可以是逗号、冒号、分号、Tab键、空 格键等。 能导入表格数据格式的文件类型有：word、Excel、文本文件，等。 网页制作实例教程（第3版） 4.1.2 4.1.2 导入表格导入表格 4.1 制作表格网页 “文件”菜单“导入” “表格式数据” 。 网页制作实例教程（第3

3、版） 4.1.3 4.1.3 表格数据排序表格数据排序 4.1 制作表格网页 排序不能对合并的单元格进行 网页制作实例教程（第3版） 4.2.1 4.2.1 选取表格选取表格 4.2 设置表格属性 1，选取整个表格 2，选取表格的行 3，选取表格的列 4，选取表格里的单元格 4.2.2 4.2.2 表格属性面板表格属性面板 网页制作实例教程（第3版） 4.2.3 4.2.3 编辑表格的命令编辑表格的命令 4.2 设置表格属性 网页制作实例教程（第3版） 4.2.4 4.2.4 表格编辑表格编辑 4.2 设置表格属性 1，添加行或列 2，删除行或列 3，改变表格宽度 4，表格对齐 5，表格边框

4、6，表格背景图像 网页制作实例教程（第3版） 例例4-4 4-4 表格中插入背景图像和文字表格中插入背景图像和文字 4.2 设置表格属性 网页制作实例教程（第3版） 4.3.1 4.3.1 单元格属性面板单元格属性面板 4.3 设置单元格属性 4.3.2 4.3.2 单元格常用操作单元格常用操作 1，合并单元格 5，设置单元格背景色 2，拆分单元格 6，设置单元格背景图像 3，使单元格跨行或跨列 7，在单元格输入文字或图像 4，减少行宽和减少列宽 8，用单元格制作高度为1像素的直线 网页制作实例教程（第3版） 例4-5 用单元格产生直线 4.3 设置单元格属性 网页制作实例教程（第3版） 4.

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

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

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

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

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

10、）align属性，取值为right、left、middle，设置标题水平位置，默认居中。 （2）valign属性，取值为top、bottom，确定标题在表格上方还是在表格下方。 网页制作实例教程（第3版） 4.5 表格的HTML标记 例4-7 使用表格标记 使用表格标记 潍坊学院英语教育05级1班 期中考试成绩表 姓名 性别 分数 网页制作实例教程（第3版） 4.5 表格的HTML标记 张三 女 90 李四 男 98 网页制作实例教程（第3版） 4.6.1 4.6.1 实验实验1-1-网页中使用导航图像网页中使用导航图像 4.6 上机实验 实验要求： （1）用表格布局页面。 （2）设置表格背景

11、图像。 （3）制作横向导航条。 （4）在表格中插入文字和图像。 网页制作实例教程（第3版） 4.6.2 4.6.2 实验实验2-2-用用HTMLHTML代码制作表格网页代码制作表格网页 4.6 上机实验 网页制作实例教程（第3版） 4.6 上机实验 上机实验4-2 世界上最远的距离 不是生与死的距离 而是我站在你面前 你不知道我爱你 世界上最远的距离 不是我站在你面前你不知道我爱你 网页制作实例教程（第3版） 4.6 上机实验 而是爱到痴迷却不能说我爱你 世界上最远的距离 不是我不能说我爱你 而是想你痛彻心脾却只能深埋心底 世界上最远的距离 不是我不能说我想你 而是彼此相爱却不能够在一起 世界上最远的距离 不是彼此相爱却不能够在一起 而是明知道真爱无敌却装作毫不在意 网页制作实例教程（第3版）