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

HTML5表格

时间:2017-07-15 11:24:15      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:rowspan   单元   style   row   tab   宽度   多个   组成   span   

1.单元格

    单元格是表格的最小单位,一个或多个单元格纵横排列组成了表格。

2.行

    一个或多个单元格横向堆叠形成了行。

3.列

    由于表格单元格的宽度必须一致,因此单元格纵向排列形成了列。


1.表格的基本语法

<table>
    <tr>
        <th>第一个单元格的内容</th>        表格标题,字更粗
        <th>第二个单元格的内容</th>
        ...
    </tr>
    <tr>
        <td>第一个单元格的内容</td>
        <td>第二个单元格的内容</td>
        ...
    </tr>
    ...
</table>

2.表格的跨列

    跨列是指单元格的横向合并

<table>
    <tr>
        <td colspan="所跨的列数">单元格内容</td>
    </tr>
</table>

3.表格的跨行

    跨行是指单元格在垂直方向上的合并

<table>
    <tr>
        <td rowspan="所跨的行数">单元格内容</td>
    </tr>
</table>

 

HTML5表格

标签:rowspan   单元   style   row   tab   宽度   多个   组成   span   

原文地址:http://www.cnblogs.com/pwd123/p/7181791.html

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