表格

經常使用表格標記:
    <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=數字 單元格列跨列
    
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
相關文章
相關標籤/搜索