表格的应用

在html中表格标签的使用十分广泛,但前提是需要提前打好框架,并且对于表格的各个属性及构成都有一定的了解。下面我问来看一下表格的种种属性。

  构成:

     表格的整体标签有<table>用来包裹整个表格,<tr>为表格的行,<td>为表格的列。

       <table>

          <tr>

            <td></td>

          </tr>

       </table>

     注:且<table>内只能嵌套<tr>,<tr>中只能包含<td>。

  属性:

     border属性,表格边框。如果不加border属性,则没有边框。为了能更好的测试设计效果,初期可以加边框,方便浏览。在table后加属性border="1",设置边框像素为1。

     

     width、height属性,表格宽、高

     绝对宽高,width="10px"

     相对宽高,width="100%"

     

     rowspan属性,合并行

     colspan属性,合并列

     align="center",居中

     注:rowspan与colspan都是在td中应用的,即必须具体到哪一个单元格。

  

      cellspacing属性,设置单元格与边框间的距离。当cellspacing="0"时,表格为单条线。

      cellpadding设置单元格与文字间的距离。

 

posted @ 2019-06-23 15:33  仰望星空e  阅读(208)  评论(0编辑  收藏  举报