HTML 表格(table标签)

在html中一个table表单主要由tr、td、th元素组成,比较复杂一点的表单还会包含caption、 col、 colgroup、 thead、tfoot、 tbody等元素.
table表格常用属性:

align:表格的水平对齐方式 。值分别有:align="left" 表格左对齐,center居中对齐,right右对齐
width:表格的宽度。
height:表格的高度。
bgcolor:表格背景颜色。
background:表格的背景颜色或背景图片。
border:表格边框的宽度,同时border属性会应用到每个单元格。默认为1px,当border的值修改时(>1),只会影响table表格的外边框。
bordercolor:边框颜色。
cellspacing:指定单元格之间的间距。为0的时候表格间是没有间距的。
cellpadding:单元格边界与单元格内容之间的间距,默认为0。
frame:指定表格外侧边框的那个部分是否可见。属性值如下:
    void:外侧边框 不显示
    box:所有的外侧边框都显示
    border:所有的外侧边框都显示,等同于box,没有任何区别 
    above:显示外侧边框的上侧
    below显示外侧边框的下侧
    lhs:显示外侧边框的下部左侧
    rhs:显示外侧边框的下部右侧
    hsides:显示外侧边框的上下侧
    vsides:显示外侧边框的左右侧
rules:指定表格内侧边框的那个部分是否可见。属性值如下:
    none:不显示内线条
    all:显示全部内线条
    rows:显示行之间的线条
    cols:显示列之间的线条
    groups:显示行组和列组之间的线条

<thead>、<tbody>、<tfoot>的使用
table中使用<tbody>可以起到优化显示的作用。比如当你表格很长,使用tbody分段能让部分部分的显示出来,减少用户的等待. 
使用了<thead>、<tbody>、<tfoot>它们,表格的显示一定为从头到脚,不论你写的代码顺序是怎么样的.

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

HTML    表格(table标签)