十天学会HTML之【第3天】表格标记及其属性整理.pdfVIP

【第 3 天】表格标记及其属性 学习目的： 能够独立利用表格技术制作网站的头部和底部，能够按照要求修饰和表格相关的外观。 表格的基本结构： 标签 描述 table …/table 用于定义一个表格开始和结束 定义表格标题，只能对每个表格定义一个标题。通常这个标题会被居中于 caption …/caption 表格之上。 thead/thead 定义表格的表头，它应该与 tbody 和 tfoot 元素结合起来使用。 tbody …/tbody 定义表格主体（正文） tfoot …/tfoot 定义表格的页脚（脚注或表注） tr …/tr 定义一行标签，一组行标签中可以有多个 th 或 td 组成的单元格 定义表头单元格 .表格中的文字将以粗体显示，在表格中也可以不用此标 th …/th 签， th 标签必须放在 tr 标签内 td …/td 定义单元格标签，一组 td 标签将建立一个单元格， td 标签必须放 表格的定义规则 : 在一个最基本的表格中，必须包含一组 table 标签，一组标签 tr 和一组 td 标签或 th 标签。 表格 table 标签的重要属性： width ：表格的宽度 height ：表格的高度 align ：表格在页面的水平摆放位置 background ：表格的背景图片 bgcolor ：表格的背景颜色 border ：表格边框的宽度 ( 以象素为单位 ) bordercolor ：表格的边框颜色 bordercolorlight ：表格边框明亮部分的颜色 bordercolordark ：表格边框昏暗部分的颜色 cellspacing ：单元格之间的间距 cellpadding ：单元格内容和单元格边界之间的空白距离的大小 表格的边框显示状态 frame ： 表格的边框分别有上边框、下边框、左边框、右边框。这四个边框都可以设置为显示或隐藏状态 语法格式： table frame= 边框显示值 表格的边框显示状态 frame 的取值： void ：不显示表格边框 box ：显示整个表格边框 hsides ：只显示表格的上下边框 vsides ：只显示表格的左右边框 above ：只显示表格的上边框 below ：只显示表格的下边框 lhs ：只显示表格的左边框 rhs ：只显示表格的右边框 设置分隔线的显示状态 rules ： 表格的分隔线是指表格内部的分隔，即表格中除去外部的上、下、左、右边框的内部分隔线。 语法格式： table rules= 值 设置分隔线的显示状态 rules 的取值： all ：显示所有的分隔线 groups ：显示外框， 内部横线在 theadtbodytfoot 之间显示， 内部竖线在 colgroup 之间显示 rows ：显示内部横线和外框 cols ：显示内部竖线和外框 none ：显示外框，不显示内部分隔线 表格行的设定： 表格是按行和列（单元格）组成的，一个表格有几行组成就要有几个行标签 tr ，行标签用它的属性值来 修饰，属性都是可选的。 表格行的的基本属性： align ：行内容的水平对齐（ left ，center ，right ） valign ：行内容的垂直对齐 (top ，middle ，bottom) bgcolor ：行的背景颜色 bordercolor ：行的边框颜色 bordercolorlight ：行的亮边框颜色 bordercolordark ：行的暗边框颜色 单元格的设定： th 和 td 都是插入单元格的标签，这两个标签必须嵌套在 tr 标签内。是成对出现的。 th 用于表头标签，表头标签一般位于首行或首列，标签之间的内容就是位于该单元格内的标题内容，其 中的文字以粗体居中显示。 数据标签 td