表格和框架素材.docx

表格 1.表格的基本格式 2.table标签下的常用属性 3.table标签下的边框设置 4.trthtd标签下的常用属性 5.拆分与合并单元格 6.表格的结构化、标题 7.表格的嵌套 在网页中表格是一种经常使用到得设计结构，就像表格的内容中可以包含任何的数据，如文字、图像、表单、超链接、表格等等，所有在HTML中可以使用的数据，都可以被设置在表格中，所以有关表格设置的标记与属性也特别多。 1 表格的基本格式 格式: table tr… th… /th th… /th th… /th /tr tr td… /td td… /td td… /td /tr /table 功能: table…/table用来声明表格开始与结束. tr…/tr用来设置表格的行. th…/th用来设置表头栏. td…/td用来设置数据栏. 2 table标签下的属性 属性名称 属性值 说明 border 像素 设置表格的边框 cellspacing 像素 绝对值，单元格之间的距离 百分比 相对值，单元格之间的距离 cellpadding 像素 绝对值，单元格内容与边框之间的距离 百分比 相对值, 单元格内容与边框之间的距离 width 像素 绝对值,像素表示表格宽度 百分比 相对值,百分比表表格宽度 height 像素 绝对值,像素表示表格高度 百分比 相对值,百分比表示表格高度 align left 表格居左(默认) center 表格居中 right 表格居右 bgcolor 英文/十六 表格的背景颜色 background URL 表格的背景图片 summary 字符串 用来描述表格数据说明 （summary 属性规定表格内容的摘要，不会对普通浏览器中产 生任何视觉变化。屏幕阅读器可以利用该属性。） bordercolor 英文/十六 边框的颜色 bordercolorlight 同上 边框的亮色（IE支持） bordercolordark 同上 边框的暗色 3 trthtd标签下的常用属性 属性名称 属性值 说明 width 像素 绝对设置,以像素值设置宽 百分比 相对设置,以百分比设置宽 height 像素 绝对设置,以像素值设置高 百分比 相对设置,以百分比设置宽 bgcolor 英文/十六 数据栏的颜色设置 align(水平方向) left 数据靠左 center 数据靠中 right 数据靠右 valign(垂直方向) top 数据靠上 middle 数据靠中 bottom 数据靠下 nowrap 无 在单元格中换行 4 表格的标题设置和表头设置 （1）表格的标题： table caption…./caption /table caption下的属性值有: 属性名称 属性值 说明 align top 标题在表格上方 bottom 标题在表格下方 （2）表头设置th 5结构化格式： table thead……/thead --------表头区 tbody……/tbody --------表体区 ……………………… tfoot……/tfoot --------表尾区 /table 4 表格的边框设置 属性名称 属性值 说明 border 像素 设置表格的边框 cellspacing 像素 绝对值，单元格之间的距离 百分比 相对值，单元格之间的距离 cellpadd