第三课,表格标记及其属性(北大青鸟ACCP6.0课程).ppt

HTML语言学习 讲课主题 教学目的 能够独立利用表格技术制作网站的头部和底部，能够按照要求修饰和表格相关的外观。 教学重点、难点 表格的基本结构 表格的定义规则（行业经验） 在一个最基本的表格中，必须包含一组table标签，一组标签tr和一组td标签或th标签。 表格table标签的属性 表格table标签的属性 表格的边框显示状态 frame 表格的边框分别有上边框、下边框、左边框、右边框。这四个边框都可以设置为显示或隐藏状态 语法格式：table frame=边框显示值 表格的边框显示状态 frame的取值 设置分隔线的显示状态 rules 表格的分隔线是指表格内部的分隔，即表格中除去外部的上、下、左、右边框的内部分隔线。 语法格式：table rules=值 设置分隔线的显示状态rules的取值 表格行的设定 表格是按行和列（单元格）组成的，一个表格有几行组成就要有几个行标签tr，行标签用它的属性值来修饰，属性都是可选的。 表格行的的属性 制作一个一行一列的表格（课程案例） 重要代码实现： table tr align=RIGHT valign=MIDDLE bgcolor=red bordercolor=black bordercolorlight=“yellow bordercolordark=“green td/td /tr /table 注释：该表格行的内容水平对齐方式为“右”，垂直对齐方式为“中间”，背景颜色为红色，边框颜色为黑色，亮边框颜色为黄色，暗边框颜色为绿色。 单元格的设定 th和td都是插入单元格的标签，这两个标签必须嵌套在tr标签内。是成对出现的。 th用于表头标签，表头标签一般位于首行或首列，标签之间的内容就是位于该单元格内的标题内容，其中的文字以粗体居中显示。 数据标签td就是设置单元格中的具体数据内容的标签,th和td标签的属性都是一样的，属性设定如下： 单元格的属性 单元格的属性 理论作业 1。在定义一个表格的时候，需要通过哪些标签来完成。 2。Table标签的常用属性及其描述。 3。表格的边框显示状态 frame的可选取值和各个取值的描述。 4。表格中设置分隔线的显示状态 rules的可选值和各个取值的描述。 5。表格行的常用属性及其描述。 6。表格单元格的常用属性及其描述。 上机作业 根据两节课所学的知识，用html语言设计一个企业首页的头部分和底部分。 主讲:高军 上一页 下一页 返回本章首页 主讲：高军 人生伟业之创立,不在能知,乃在能行 开始? 表格单元格TD的属性介绍 表格行TR的属性介绍 表格TABLE的属性介绍 表格的基本结构 表格单元格TD的属性介绍（重点） 表格行TR的属性介绍（重点） 表格TABLE的属性介绍（重点） 表格的基本结构（重点） 定义表头单元格.表格中的文字将以粗体显示,在表格中也可以不用此标签,th标签必须放在tr标签内. th…/th 定义一行标签，一组行标签中可以有多个th或td组成的单元格. tr…/tr 用于定义一个表格开始和结束 table…/table 定义单元格标签,一组td标签将建立一个单元格,td标签必须放在tr标签内. td…/td 描 述 标 签 表格的背景颜色. bgcolor 表格边框的宽度(以象素为单位) border 表格的背景图片 background 表格在页面的水平摆放位置。 align 表格的高度. height 表格的宽度. width 描 述 属 性 单元格内容和单元格边界之间的空白距离的大小. cellpadding 单元格之间的间距. cellspacing 表格边框昏暗部分的颜色。 bordercolordark 表格边框明亮部分的颜色。 bordercolorlight 表格的边框颜色。 bordercolor 描 述 属 性 只显示表格的右边框 Rhs 只显示表格的左边框 Lhs 只显示表格的下边框 Below 只显示表格的上边框 Above 只显示表格的左右边框 Vsides 只显示表格的上下边框 Hsides 不显示表格边框 Void 显示整个表格边框 Box 描 述 Frame的值 显示外框，不显示内部分隔线 none 显示内部竖线和外框 cols 显示内部横线和外框 rows 显示外框，内部横线在theadtbody