HTML当中的表格

在HTML中表格是一个特别重要的一部分。我们先从表格的基本结构一个个看看吧

<table>

    <caption>这是表格的标题可要可不要</caption>

    <tr><!--tr标签可以看成是表格的行--->

            <td></td><!---td标签可以看成是表格的列-->

            <td></td>

    </tr>

 <tr>

            <td></td>

            <td></td>

    </tr>

    .......

</table>

table标签的属性：border属性，它表示表格的边框，数值越大边框越粗

                            width属性,它表示表格的整体宽度，可以用像素值也可以用百分比，当没有指定表格宽度的时候，表格的宽度是根据单元格当中内容自动分配的。

                            height： 表格的高度。 
                            align: 表格的靠左|居中|靠右显示
                            cellpadding : 字体和单元格之间的距离。 
                            cellspacing: 单元格和单元格之间的距离。 
                            bordercolor :表格边框的颜色。

作用在行上的属性：
    align="left|center|right"

    valign="top|middle|bottom" 

单元格的合并： 
    合并列： colspan 
    合并行： rowspan
    合并完行和列之后，要重新计算单元格的个数。 否则表格不规则。 
    注意： 合并行和合并列都必须在单元格td上操作。 

   表格的第一行，通常称之为表格的标题栏： 表格标题栏一般情况，
   居中，加粗。 提供一个专门的标签，th.  th的作用跟td是相同的。 

   特性： 居中，加粗。 

 table的完整结构： 
  <table>
     <thead>
<tr>
   <td></td>
</tr>
     </thead>


     <tbody>
<tr>
   <td></td>
</tr>
     </tbody>


     <tfoot>
        <tr>
   <td></td>
</tr>
     </tfoot>


  </table>