表格

常用表格标记:
    <table></table>表格标记  <caption></caption>表格标题标记
    <th></th>表格表头标记    <tr></tr>表格的行标记
    <td></td>表格的列标记    <thead></thead>定义表格的表头
    <tbody></tbody>定义表格的主体 <tfoot></tfoot>定义表格的页脚
    
表格标记:
            <table>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>(行)
                    <td></td>
                </tr>
            </table>
标题标记:caption
        <table>
            <caption>标题</caption>
            <tr>
                <td></td>
                <td></td>
            </tr>
        </table>
表格表头th:
        <table>
            <tr>
                <th></th>{行,加粗}
                <th></th>
            </tr>
            <tr>
                <td></td>
            </tr>
        </table>
表格属性:
        border: 设置表格边框的粗细,px
        background: 设置表格的背景图片,URL
        cellspacing: 设置单元格间距,px|%(默认为2px)
        cellpadding: 设置表格内文字与表格框线之间的间距( 单元格边距 )px|%
        width: 设置表格的宽度( 也可用于设置单元格<td><th>宽度 )
        height: 设置表格的高度( 也可用于设置单元格<td><th>高度 )
        bgcolor:设置表格或单元格或表格中的行或列的背景颜色
        align: 设置表格或单元格的对齐方式right,center,left
    边框属性:
        border 边框粗细 bordercolorlight:表格亮边框颜色《左上边》
        bordercolor 边框颜色 bordercolordark:表格暗边框颜色《右下边》
        <table border="" bordercolor="" bordercolorlight="" bordercolordark="" width="" height=""></table>
    边框样式属性:
        <table frame="" rules=""></table>
        frame :abvoe:显示上边框 below:显示下边框
               hsides:上下     vsides:左右
               lhs:左边        rhs:右边
               border:上下左右 void:不显示
        rules:all 显示所有内部边框 none :不显示内部边框
               rows:仅显示行边距   cols:仅显示列边距 
               groups:介于行列的边框
               
    表格行的属性tr:align:行内容水平对齐   bgcolor:行背景颜色   
                     bordercolor:行边框颜色 bordercolorlight:行亮边框颜色
                     bordercolordark:行暗边框颜色valign:行内容垂直对齐
                     (top对内容进行上对齐。middle对内容进行居中对齐(默认值)
                     bottom    对内容进行下对齐。baseline    与基线对齐。)
                     <tr align="" valign="" bgcolor="" bordercolor="" bordercolorlight=""  bordercolordark=""></tr>
    单元格的属性td:
        align="left|center|right"    单元格文字的对齐
        valign="top|middle|bottom|baseline"    单元格文字的垂直对齐
        width="px|%"    单元格的宽度,可以用点数或百分比表示
        height="px|%"    单元格的高度,可以用点数或百分比表示
        background="url"    单元格的背景图案
        bgcolor    单元格的背景颜色
        bordercolor    单元格框线的暗面颜色
        bordercolorlight    单元格框线的亮面颜色
        bordercolordark    单元格框线的暗面颜色
        nowarp    单元格不因单元格宽度,而进行文字的换行。
        rowspan =数字 单元格跨行
        colspan=数字 单元格列跨列
    
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        

 

posted @ 2014-10-25 15:12  肉球  阅读(155)  评论(0编辑  收藏  举报