Table使用详细.ppt

TABLE 标签介绍 TABLE 标签基本语法 table tr td ………. /td /tr /table 表格的标题 table/table中属性 1、bgcolor 整个表格的背景颜色 2、border 边框粗细 3、bordercolor 边框颜色 4、bordercolordark 边框暗部分颜色 5、bordercolorlight 边框明部分颜色 6、cellspacing 单元格之间的距离 7、cellpadding 单元格中的内容与单元格边框之间的距离 8、width 表示表格的宽度 用像素做单位、以百分比作单位（浏览器窗口） 9、height 表示表格的高度 用像素做单位、以百分比作单位（浏览器窗口） 表格的背景色和尺寸设置 tr/tr的属性 td/td的属性 表格中的合并单元格 合并单元格实例 填充、间距属性 Table标签用于网页布局实例 课程结束，谢谢！ * 行 列 在 HTML 文档中，广泛使用表格来存放网页上的文本和图像 表格标题 TABLE 标签实例 HTML HEAD TITLE使用表格/TITLE /HEAD BODY TABLE BORDER = 2 TR TD姓名/TD TD性别/TD TD分数/TD /TR TR TDRobert/TD TDM/TD TD80/TD /TR ....... /TABLE /BODY /HTML basetable_1.html BODY TABLE BORDER = 2 CAPTION align=top 学员档案信息 /CAPTION TR TH姓名/TH TH性别/TH TH分数/TH /TR TR TDRobert/TD TDM/TD TD80/TD /TR ....... /TABLE /BODY /HTML basetable_2.html Table.html BODY TABLE border=0 align=center width=50% CAPTION align=top学员档案信息/CAPTION TR bgcolor=#00FFFF TH align=left姓名/TH TH align=center性别/TH TH align=right分数/TH /TR TR bgcolor=#FFFF00 TDRobert/TD TD align=centerM/TD TD align=right80/TD /TR TR bgcolor=#FFFF00 TDMary/TD TD align=centerF/TD TD align=right18/TD /TR /TABLE 18 80 分数 F M 性别 Mary Robert 姓名 学员档案信息 表格的颜色设置： 　　表格的背景色 TABLE bgcolor=颜色值 　　行的背景色　TR bgcolor=颜色值 列的背景色 TD bgcolor=颜色值 颜色值可以采用 RGB（red/green/blue）红绿蓝十六进制值表示，如红色#FF0000, 或是一些预定义色彩名称：red ，blue，yellow等。 表格的尺寸设置： 　　TABLE width=n1 height=n2 例如： TABLE width=200 height=100 表示一个长为200像素，宽为100像素的表格。 TABLE width=20% height=10% 表示一个宽为窗口的20%，高为窗口的10%的表格。 Bgcolor.html 语法 开始标记： 必需 内容： td 单元格 th 表头单元格 结束标记：可选 主要属性 横向对齐属性：Align。 可取值为right,left,center, 纵向对齐属性:valign。 可取值为top,middle,bottom 主要属性： 1、width 像素 百分比（整个表格） 2、height 像素 百分比（整个表格） 3、align 设置该单元格的水平对齐方式 left、 right、 center 4、valign 设置该单元格水平对齐方式 left、 right、 center 5、colspan 合并纵列的N个单元格 6、rowspan 合并横列的N个单元