表格介绍及页面布局

2、为无above/below/lhs/rhs有上/下/左/右框线nsides/vsides有上和下（水平方向）/左和右（垂直方向）框线bordercolor设置表格线颜色，在表格背景色基础上使用高色和暗色获得三效果。边框颜色rgb(x,x,x)#xxxxxxcolorname10进制的RGB颜色值16进制的颜色值参见颜色名表bgcolor=”rgb(255,0,0)”bordercolorlight边框亮色bgcolor=”#ff0000”bordercolordark边框暗色bgcolor=”red”bgcolor规定表格背景颜色。(不被赞成使用)rgb(x,x,

3、x)#xxxxxxcolorname略略background规定表格背景图片。URL注意引用的图片相对路径。background=”images/bg.jpg”width规定表格的宽度。n%n(px)当设置百分比时，表格的大小随浏览器窗口大小的变化而自动适应。width=70%width=700height规定表格的高度。同width同width。cellspacing控制表格中相邻单元格之间以及单元格和表格边框线之间的间距。n(px)当border开启时，默认为2px。cellpadding控制单元格的边框和它里面的内容之间的距离。n(px)默认为1px。Rul

4、es规定内侧边框的哪个部分是可见的。nonegroupsrowscolsallsummary规定表格的摘要。text注：HTML与XHTML之间的差异：在HTML4.01中，table元素的"align"和"bgcolor"属性是不被赞成使用的。在XHTML1.0StrictDTD，table元素的"align"和"bgcolor"属性是不被支持的。标准属性:id,class,title,style,dir,lang,xml:lang事件属性:onclick,ondblclick,onmousedown,onmouseup,onmouseover,onmousem

5、ove,onmouseout,onkeypress,onkeydown,onkeyup表格边框及单元格框线宽度计算：1、表格组成：表格由外边框（border）和单元格组成。如右图：①外边框线border②单元格框线③cellspacingcellpadding单元格四周边框线与其内的内容之间的距离2、表格的两种边框线：（1）外边框线border：可能通过设置一个整数值来调整其线宽。（2）单元格框线：是一个像素（pix）的线宽。3、框线区域占的宽度的计算：（1外框区域占的宽度=①border+②单元格框线（1px）+③cellspacing（2单线格框线区域占的宽度

6、=②单元格框线（1px）+③cellspacing+②单元格框线（1px）几种情况：A、当无border属性或border=”0”，且无cellspacing时，浏览器为外框区域和所有单元格框线区留2px的宽度；B、当有border属性或border=”1”，且无cellspacing时，框线间增加2个像素（相当于cellspacing=”2”），即外框区域和所有单元格框线区的宽度为1+2+1=4px；4、当表格的宽度或高度被固定后，改变border或cellspacing或cellpadding时，表格宽度或高度不会改变，但单元格内的内容区域大小会改变。当表格的

7、宽度或高度没有被设定（即为自动）时，改变border或cellspacing或cellpadding时，表格宽度或高度会被改变，但单元格内的内容区域大小不会改变。（二）、行标签