很抱歉,前两天宝宝没有人带,一直一个人带在身边,所以没有办法整理更新。
今天给大家讲讲表格的制作。
表格是网站常用的页面元素,是网页排版的灵魂,在页面中用表格来显示数据,直观清晰,HTML的表格使用起来非常灵活。无论是使用简单的HTML语言编辑的网页,还是具有动态网站功能的ASP,JSP,PHP网页,都要借助表格进行排版。许多较复杂的页面而已也可以利用表格来完成。 表格是睥最佳手段,利用表格的丰富属性可以设计出各种复杂的表格,在HTML中,表格主要由3个标记来构成;表格标记<TABLE>,行标记<TR>,单元格标记<TD>. 语法: <TABLE> <TR> <TD>……….</TD> ……… </TR> <TD>………..</TD> …….. </TR> ……. </TABLE> 表格的属性如下图所示:
通过设置表格的自有属性,可以设计出不同风格的表格。 1, 表格的宽度和高度属性WIDTH,HEIGHT 语法:<TABLEWIDTH=VALUE HEIGHT=VALUE> WIDTH,WEIGHT:表格的宽度和高度 VALUE:表格的单位,可以为像素或者百分比的形式表现。 2, 表格的水平对齐属性<ALIGN> 语法:<TABLEALIGN="LEFT","CENTER","RIGHT"> LEFT:居左对齐 CENTER:居中对齐 RIGHT:居右对齐 3, 单元格间距属性<CELLSPACING> 通过属性CELLSPACING,可以设定表格的单元格与单元格之间的间距。 语法:<TABLECELLSPACING=VALUE> VALUE:间距以像素为单位。 4, 单元格边距属性<CELLPADDING> 语法:<TABLECELLPADDING=VALUE> VALUE:边距以像素为单位。 5, 表格的背景颜色属性<BGCOLOR> 通过属性BGCOLOR,可以设置表格的背景颜色,表格的背景颜色将会填充到表格的所有空间。 语法:<TABLEBGCOLOR=color_value> Color_value:使用颜色的英文名称或者十六进制值表示。 6, 表格的背景图像属性<BACKGROUND> 可以设置GIF或者JPEG格式的为表格的背景图像 语法:<TABLEBACKGROUND=file_name> File_name:存放背景图片文件的完整路径或者相对路径 7, 表格的边框属性<BORDER> 默认情况下,表格的边框线为0像素,可以设置表格的边框属性BORDER的属性值来改变边框的像素。 语法:<TABLEBORDER=VALUE> BORDER:定义边框线的宽度,单位为像素。 8, 表格的边框颜色属性<BORDERCOLOR> 语法:<TABLEBORDERCOLOR="color_value"> Color_value:使用颜色的英文名称或者十六进制值表示。 在设置表格的边框颜色前,首先要设置BORDER属性值使之不为0,边框才可以显示颜色。 9, 表格的亮边框属性<BORDERCOLORLIGHT> 在表格中,可以单独定义左上边框的颜色或者定义单元格右下边框的颜色,这两个位置的边框色称为亮边框色 语法:<TABLEBORDERCOLORLIGHT=color_value> Color_value:使用颜色的英文名称或者十六进制值表示。 10,表格的暗边框属性<BORDERCOLORDARK> 在表格中,可以单独定义右下边框颜色或者定义单元格左上边框的颜色,这两个位置的边框色称为暗边框色。 语法:<TABLEBORDERCOLORDARK=color_value> Color_value:使用颜色的英文名称或者十六进制值表示。 11,表格的边框样式属性<FRAME> 通过属性FRAME,可以设置表格边框的样式类型。 语法:<TABLEFRAME=VALUE> VALUE:边框样式类型值,如下图所示:
12, 表格的内部边框样式属性<RULES> 语法:<TABLERULES=value> Value:内部边框样式属性值,表格的内部边框样式属性如下图:
|