表格页面 表格标签 1、标题标签<Caption>用于定义表格的标题。 align属性:控制标题位置。 取值为: align=top 标题位于表格的顶部(缺省) align= bottom 标题位于表格的底部
表格页面 表格标签 2、表标签<Table> border属性:用于控制表格的边框大小。border的取值为像素。无边框时取值为0。 bordercolor属性:在有边框的前提下,控制表格的边框颜色。取值请参看页面控制中的bgcolor属性的取值方法。 bordercolorlight、bordercolordark属性:在有边框的前提下,这两个属性可以用于控制表格的不同边框颜色。取值参看页面控制中的bgcolor属性的取值方法。
表格页面 表格标签 2、表标签<Table> width属性:控制表格在浏览器窗口中的宽度。width的取值可以为像素点或百分比。 align属性:表格的对齐方式。 取值为: align=center 表示表格居中对齐 align=left 表示表格左对齐(缺省) align=right 表示表格右对齐
表格页面 表格标签 2、表标签<Table> bgcolor属性:用于控制表格的背景颜色。取值参看页面控制中的bgcolor属性的取值方法。 background属性:用于控制表格的背景图片。取值参看页面控制中的background属性的取值方法。 cellspacing属性:用于标识表格单元之间的空白总数,单位是像素。 cellpadding属性:标识表格单元边缘和单元内容之间的空格数,单位是像素。
表格页面 表格标签 2、表标签<Table> frame属性:用于控制表格的外部边框的显示。 取值为: frame=void 无边框 frame=above 仅有顶框 frame=below 仅有底框 frame=hsides 有顶框和底框 frame=lhs 有左边框 frame=rhs 有右边框 frame=vsides 有左右边框 frame=box 所有边框
表格页面 表格标签 2、表标签<Table> rules属性:用于控制表格内部边框的显示。 取值为: rules=none 没有内部边框 rules=basic 所有内部边框 rules=rows 仅有水平边框 rules=cols 仅有垂直边框
表格页面 表格标签 3、行标签<Tr> 定义了表格的行,用户可以通过不同的属性来控制。 align属性:控制行左右对齐方式。取值为: align=center 表示文本居中对齐 align=left 表示文本左对齐(缺省配置) align=right 表示文本右对齐 vaign属性:控制行上下对齐方式。取值为: vaign=top 表示文本顶端对齐 vaign= middle 表示文本居中对齐 vaign=baseline 表示文本基线对齐
表格页面 表格标签 3、行标签<Tr> bgcolor属性:行的背景颜色。取值参看页面控制中的bgcolor属性的取值方法。 background属性:行的背景图片。取值参看页面控制中的background属性的取值方法。 bordercolor属性:控制行的边框颜色,取值参看页面控制中的bgcolor属性的取值方法。 bordercolorlight属性:控制行的三维边框的颜色较轻部分,取值参看页面控制中的bgcolor属性的取值方法。 bordercolordark属性:控制行的三维边框的颜色较重部分,取值参看页面控制中的bgcolor属性的取值方法。
表格页面 表格标签 4、单元格<Td>标签 定义了表格的单元格。 align属性:控制单元格左右对齐方式。取值为: align=center 表示文本居中对齐 align=left 表示文本左对齐(缺省) align=right 表示文本右对齐 vaign属性:控制单元格上下对齐方式。取值为: vaign=top 表示文本顶端对齐 vaign= biddle 表示文本居中对齐(缺省) vaign= bottom 表示文本底端对齐
表格页面 表格标签 4、单元格<Td>标签 rowspan属性:控制单元格行数的延伸,取值为自然数。 colspan属性:控制单元格列数的延伸,取值为自然数。 width属性:控制单元格列的宽度。取值为像素,或根据所占浏览器屏幕的部分的百分比来表示。 bgcolor属性:单元格的背景颜色。取值参看页面控制中的bgcolor属性的取值方法。 background属性:单元格的背景图片。取值参看页面控制中的background属性的取值方法。
表格页面 表格标签 4、单元格<Td>标签 bordercolorlight属性:控制单元格三维边框的颜色较轻部分,取值参看页面控制中的bgcolor属性的取值方法。 bordercolordark属性:控制单元格三维边框的颜色较重部分,取值参看页面控制中的bgcolor属性的取值方法。 需要说明的是,<Td>标签必须在<Tr>内使用,如果同样的属性(如背景颜色)取值所定义的有所不同的话,以<Td>标签内的属性为主。<Tr>标签必须在<Table>标签内使用,如果同样的属性(如背景颜色)取值所定义的有所不同的话,以<Tr>标签内的属性为主。
表格页面 表格页面 代码如下: <html> <head> <title>表格</title> </head> <body > <table border=2 width=80% bgcolor=#ffff00 frame=above rules=rows> <caption>表格标题</caption> <tr> <td colspan=2>表格的背景颜色为黄色,外部仅有顶框,内部仅有水平边框。第一行第一列做了列延展。</td> </tr> <tr bgcolor=#00ff00 > <td valign=top>第二行的背景颜色为绿色,文字顶端对齐</td> <td bgcolor=pink>背景颜色为粉色,覆盖了列的背景颜色</td> <tr align=right> <td background=e:\wz\picture\wave.jpg >背景图片</td> <td >文字居中对齐</td> </table> </body> </html>