国产精品无码久久久久久,精品久久久久久国产,波多野结衣中文字幕一区二区三区,久久久亚洲欧洲日产国码农村

前端-HTML-表格元素

2016/11/2 8:32:42   閱讀:1783    發(fā)布者:1783

HTML元素分類-表格元素

  0. <table>:定義表格。

    <caption>:定義表格標題。caption 元素緊隨 table 元素之后,每個表格只能
定義一個標題,標題居中于表格之上。

<table border="1"> 
  <caption>Monthly savings</caption> 
  <tr> 
    <th>Month</th> 
    <th>Savings</th> 
  </tr> 
  <tr> 
    <td>January</td> 
    <td>$100</td> 
  </tr> 
</table>

    <thead>:定義表格的表頭。該元素用于組合表格的表頭內(nèi)容。

    <tbody>:用于對表格中的主體內(nèi)容進行分組。

    <tfoot>:用于對表格中的表注(頁腳)內(nèi)容進行分組。

    <tr>:定義表格中的行。

    <th>:定義表格內(nèi)的表頭單元格。

    <td>:定義表格中的標準單元格。

<table border="1"> 
    <thead> 
        <tr> 
            <th>Month</th> 
            <th>Savings</th> 
        </tr> 
    </thead> 
    <tbody> 
        <tr> 
            <td>January</td> 
            <td>$100</td> 
        </tr> 
        <tr> 
            <td>February</td> 
            <td>$80</td> 
        </tr> 
    </tbody> 
    <tfoot> 
        <tr> 
            <td>Sum</td> 
            <td>$180</td> 
        </tr> 
    </tfoot> 
</table>                    

    <colgroup>:組合表格中的列,對其進行格式化。只能在 table 元素中使用。

    <col>:為表格中一個或多個列定義屬性值。只能在 table 或 colgroup 元素中使用 col元素 。

<table border="1"> 
  <colgroup> 
    <col span="2" style="background-color:red"> 
    <col style="background-color:yellow"> 
  </colgroup> 
  <tr> 
    <th>ISBN</th> 
    <th>Title</th> 
    <th>Price</th> 
  </tr> 
  <tr> 
    <td>3476896</td> 
    <td>My first HTML</td> 
    <td>$53</td> 
  </tr> 
</table>

    這里需要注意的是,在H5中,col元素、colgroup元素僅支持屬性span且必須被嵌套在
table元素內(nèi)所有的子元素之前。