网页表格教程.pptVIP

§ 5 表格 表格的定义 表格的作用 表格的构建步骤 表格标记符 网页布局 一、表格的定义： 将按特定的行、列规则对内容进行排列 二、表格的作用： HTML 表格模型使用户可以将各种数据（包括文本、预格式化文本、图像、链接、表单、表单域以及其他表格等）排成行和列，从而获得特定的表格效果 用于设计网页的布局 三、表格的构造步骤： 使用TABLE标记符包括所有表格内容 使用CAPTION标记符定义表格的标题 从第一行开始，使用TR标记符分隔每一行 表格有多少行，就应该有多少个TR标记符 表格的行数应该是垂直方向上单元格的最大数 在每一行(即TR标记符后)内，依次用TH或TD标记符标记每个单元格的内容 按照步骤2的做法，顺次一行一行处理，直到表格结束 如果遇到空单元格，只需使用空的TH或TD标记符即可 二、表格标签符： Table/Table标签符 Width属性——表格宽度 可以为像素点值或百分比 Border属性——边线宽度 具体数值，0表示不显示边线 Frame属性——控制表格边框表示表格最外层的四条框线，该属性的取值可以是： Void——无边框。void是默认值，即默认时不显示边框 Above——仅有顶框 Below——仅有底框 Hsides——仅有顶框和底框（水平方向） vsides ——仅有左、右侧框（垂直方向） lhs ——仅有左侧框 rhs ——仅有右侧框 box ——包含全部四个边框 border ——包含全部四个边框 rules属性——控制是否显示以及如何显示单元格之间的分隔线，取值可以是： none ——无分隔线。none是默认值，即默认时不显示单元格间的分隔线 rows ——仅有行分隔线 cols ——仅有列分隔线 all ——包括所有分隔线 Align属性——控制表格与页面其它内容的对齐方式，取值可以是： Left 、center、right Bgcolor属性——设置表格的背景颜色 background属性——设置表格的背景图案 Cellspacing属性——单元格之间的距离 cellpadding属性——分割线与数据之间的距离 Caption/Caption标签符 定义表格的标题 align属性——表格标题在网页中的对齐方式 取值为：left 、center 、right Caption align=“center”成绩单 Caption TR/TR标签符 定义表格的一行 align属性——行中数据的水平对齐方式 取值为：left 、center 、right valign属性——行中数据的垂直对齐方式 取值为：top 、middle 、bottom Bgcolor属性——整行单元格的背景颜色 TD/TD标签符 定义行中的具体单元格 align属性——单元格内数据的水平对齐方式 取值为：left 、center 、right valign属性——单元格内数据的垂直对齐方式 取值为：top 、middle 、bottom bgcolor属性——单元格的背景颜色 width属性、height属性——单元格宽度、高度 具体数据值或百分比 rowspan属性——单元格所占的行数 TD rowspan=“3”表示该单元格高度为三行 colspan属性——单元格所占的列数 在网页中显示班级的功课表（ ??401 ） 在网页中插入如下形式的表格（ ??402 ） 五、使用表格设计网页布局 善于运用嵌套表格 善于运用背景色设置细线 一、定义： 能在同一个浏览器窗口中显示多个网页的页面布局控制容器 二、作用： 网站导航功能 将浏览器窗口划分为不同的部分，每部分中装载不同的网页，通过为超链接指定目标框架，可以为框架之间建立起内容之间的联系，因而实现页面的导航和页面间的交互操作 联机帮助 三、框架标记符及格式 FRAMESET  FRAME FRAME NOFRAMES /NOFRAMES /FRAMESET html headtitle框架/title/head FRAMESET cols=“100,*,100” FRAME src=“1.html” FRAME src=“2.html” FRAME src=“3.html” NOFRAMES 　　 BODY不支持框架技术，很抱歉！/BODY /NOFRAMES /FRAMESET /html HTML HEADTITLE嵌套框架/TITLE/HEAD FRAMESET rows=100,* FRAME src=“1.html” FRAMESET cols=150,* FRAME src=“2-1.html” FRAME src=“2-2.html” /FRAMESET NOFRAMES BODY P太遗憾了，您的