HTML5 表格标签 Table 详解

Table 表格

表格的作用：进行数据查看，整合多行多列的数据。

表格属性：border边框   width宽度   height高度    bgcolor背景色    background背景图片   bordercolor边框颜色    align对齐方式

cellspacing单元格与单元格之间的距离     cellspadding单元格与单元格内容的间距     thead表头部分     th表头单元格   tr表示行

td表示列    caption表格标题

合并边框css：<style  "border-collapse:collapse;">

tr与td属性：  align对齐方式      valign垂直对齐方式（top/ middle / bottom ）     background背景图        width宽       height高。

注：行是没有宽度的。

例：<table>

            <caption>表格标题</caption>

            <thead>

                  <th></th>

            </thead>

            <tr>

                  <td></td>

            <tr>

       </table>

特殊合并属性：colspan横向合并       rowspan纵向合并

横向例：<table>

                    <tr>

                         <td colspan="2"></td>

                         <td></td>     这行代码注释掉或者删除                         

                     </tr>

               </table>

纵向例：<table>

                    <tr>

                         <td rowspan="2"></td>

                         <td></td>                 

                     </tr>

                    <tr>

                         <td></td>    这行代码注释掉或者删除            

                         <td></td>                        

                     </tr>

               </table>