表格的布局

table标签      thead------表头     tr-----行    td----列 

属性：border------>=正整数 默认值是0  

<table border="1">
         <tr>
           <td>第一列</td>
           <td>第二列</td>
           <td>第三列</td>
         </tr>
         <tr>
           <td>张三</td>
           <td>李四</td>
           <td>小明</td>
         </tr>
     </table>

 

1、表格的宽和高

width------宽          height-------高

<table border="1" width="100" height="50">
         <tr>
           <td>第一列</td>
           <td>第二列</td>
           <td>第三列</td>
         </tr>
         <tr>
           <td>张三</td>
           <td>李四</td>
           <td>小明</td>
         </tr>
     </table>

 2、表格的对齐方式

align="center"---------取值“ center right left” 默认居左

<table border="1" width="100" height="50" align="right">
         <tr>
           <td>第一列</td>
           <td>第二列</td>
           <td>第三列</td>
         </tr>
         <tr>
           <td>张三</td>
           <td>李四</td>
           <td>小明</td>
         </tr>
     </table>

3、表格的背景图片

 bgcolor-----------背景颜色     background(使用绝对路径和相对路径都可以）--------背景图片

<table border="1" bgcolor="yellow">            
         <tr>
           <td>第一列</td>
           <td>第二列</td>
           <td>第三列</td>
         </tr>
         <tr>
           <td>张三</td>
           <td>李四</td>
           <td>小明</td>
         </tr>
     </table>

                           

 

4、表格的间距和边距

间距：单元格和单元格之间的距离-------cellspacing  单位是像素(px)

边距：单元格内文字距离单元格的距离-------cellpadding 单位也是像素(px)

如果table和tr同时设置不同的高度，优先选取tr的取值

如果tr和td同时设置不同的高度，哪一个取值更大就哪个优先

<table border="1" cellspacing="20">                
         <tr>
           <td>第一列</td>
           <td>第二列</td>
           <td>第三列</td>                                        
         </tr>
         <tr>
           <td>张三</td>
           <td>李四</td>
           <td>小明</td>
         </tr>
     </table>

                                                     

 

<table border="1" cellpadding="20">
         <tr>
           <td>第一列</td>
           <td>第二列</td>
           <td>第三列</td>
         </tr>
         <tr>
           <td>张三</td>
           <td>李四</td>
           <td>小明</td>
         </tr>
     </table> 

                  

 

 5、表格的嵌套

嵌套是在第一个table标签中td属性中再嵌套一个table标签   

  是空格

<table borter="10">
         <tr>
             <td>&nbsp;</td>
             <td>&nbsp;</td>
             <td>
                 <table border="1">
                     <tr>
                         <td>&nbsp;</td>
                         <td>&nbsp;</td>
                         <td>&nbsp;</td>
                         <td>&nbsp;</td>
                         <td>&nbsp;</td>
                         <td>&nbsp;</td>
                     </tr>
                 </table>
             </td>
         </tr>
     </table>

6、表格的合并

rowspan--------列（垂直方向夸行）        colspa---------行（水平方向跨列）

其他不懂的可以去w3school查看。