Download presentation
Presentation is loading. Please wait.
1
表格页面 表格标签 1、标题标签<Caption>用于定义表格的标题。 align属性：控制标题位置。 取值为：
align=top 标题位于表格的顶部（缺省） align= bottom 标题位于表格的底部
2
表格页面 表格标签 2、表标签<Table>
border属性：用于控制表格的边框大小。border的取值为像素。无边框时取值为0。 bordercolor属性：在有边框的前提下，控制表格的边框颜色。取值请参看页面控制中的bgcolor属性的取值方法。 bordercolorlight、bordercolordark属性：在有边框的前提下，这两个属性可以用于控制表格的不同边框颜色。取值参看页面控制中的bgcolor属性的取值方法。
3
表格页面 表格标签 2、表标签<Table>
width属性：控制表格在浏览器窗口中的宽度。width的取值可以为像素点或百分比。 align属性：表格的对齐方式。 取值为： align=center 表示表格居中对齐 align=left 表示表格左对齐（缺省） align=right 表示表格右对齐
4
表格页面 表格标签 2、表标签<Table>
bgcolor属性：用于控制表格的背景颜色。取值参看页面控制中的bgcolor属性的取值方法。 background属性：用于控制表格的背景图片。取值参看页面控制中的background属性的取值方法。 cellspacing属性：用于标识表格单元之间的空白总数，单位是像素。 cellpadding属性：标识表格单元边缘和单元内容之间的空格数，单位是像素。
5
表格页面 表格标签 2、表标签<Table> frame属性：用于控制表格的外部边框的显示。 取值为：
frame=void 无边框 frame=above 仅有顶框 frame=below 仅有底框 frame=hsides 有顶框和底框 frame=lhs 有左边框 frame=rhs 有右边框 frame=vsides 有左右边框 frame=box 所有边框
6
表格页面 表格标签 2、表标签<Table> rules属性：用于控制表格内部边框的显示。 取值为：
rules=none 没有内部边框 rules=basic 所有内部边框 rules=rows 仅有水平边框 rules=cols 仅有垂直边框
7
表格页面 表格标签 3、行标签<Tr> 定义了表格的行，用户可以通过不同的属性来控制。
align属性：控制行左右对齐方式。取值为： align=center 表示文本居中对齐 align=left 表示文本左对齐（缺省配置） align=right 表示文本右对齐 vaign属性：控制行上下对齐方式。取值为： vaign=top 表示文本顶端对齐 vaign= middle 表示文本居中对齐 vaign=baseline 表示文本基线对齐
8
表格页面 表格标签 3、行标签<Tr> bgcolor属性：行的背景颜色。取值参看页面控制中的bgcolor属性的取值方法。
background属性：行的背景图片。取值参看页面控制中的background属性的取值方法。 bordercolor属性：控制行的边框颜色，取值参看页面控制中的bgcolor属性的取值方法。 bordercolorlight属性：控制行的三维边框的颜色较轻部分，取值参看页面控制中的bgcolor属性的取值方法。 bordercolordark属性：控制行的三维边框的颜色较重部分，取值参看页面控制中的bgcolor属性的取值方法。
9
表格页面 表格标签 4、单元格<Td>标签 定义了表格的单元格。 align属性：控制单元格左右对齐方式。取值为：
align=center 表示文本居中对齐 align=left 表示文本左对齐（缺省） align=right 表示文本右对齐 vaign属性：控制单元格上下对齐方式。取值为： vaign=top 表示文本顶端对齐 vaign= biddle 表示文本居中对齐（缺省） vaign= bottom 表示文本底端对齐
10
表格页面 表格标签 4、单元格<Td>标签 rowspan属性：控制单元格行数的延伸，取值为自然数。
colspan属性：控制单元格列数的延伸，取值为自然数。 width属性：控制单元格列的宽度。取值为像素，或根据所占浏览器屏幕的部分的百分比来表示。 bgcolor属性：单元格的背景颜色。取值参看页面控制中的bgcolor属性的取值方法。 background属性：单元格的背景图片。取值参看页面控制中的background属性的取值方法。
11
表格页面 表格标签 4、单元格<Td>标签
bordercolorlight属性：控制单元格三维边框的颜色较轻部分，取值参看页面控制中的bgcolor属性的取值方法。 bordercolordark属性：控制单元格三维边框的颜色较重部分，取值参看页面控制中的bgcolor属性的取值方法。 需要说明的是，<Td>标签必须在<Tr>内使用，如果同样的属性（如背景颜色）取值所定义的有所不同的话，以<Td>标签内的属性为主。<Tr>标签必须在<Table>标签内使用，如果同样的属性（如背景颜色）取值所定义的有所不同的话，以<Tr>标签内的属性为主。
12
表格页面 表格页面 代码如下： <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>
Similar presentations
