码迷,mamicode.com
首页 > Web开发 > 详细

前端-HTML-表格元素

时间:2016-11-02 01:15:14      阅读:307      评论:0      收藏:0      [点我收藏+]

标签:属性   sum   style   class   head   标准   格式化   分组   div   

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>:定义表格的表头。该元素用于组合表格的表头内容。

    <tbody>:用于对表格中的主体内容进行分组。

    <tfoot>:用于对表格中的表注(页脚)内容进行分组。

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

    <th>:定义表格内的表头单元格。

    <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元素内所有的子元素之前。

    

 

    

前端-HTML-表格元素

标签:属性   sum   style   class   head   标准   格式化   分组   div   

原文地址:http://www.cnblogs.com/dylanthomas/p/6021369.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!