table表格

来源:互联网 发布:尤克里里新手入门软件 编辑:程序博客网 时间:2024/05/17 09:08

table是我们常用的一个标签。他的组成包括

  1. caption:表格的题目

  2. thead:表头

  3. tbody:表体
  4. tfoot:表尾
  5. th:一行一般用于表头
  6. tr:一行一般用于表体
  7. td:一列
    有rowspan和colspan 合并行与合并列
<table >    <tr>        <td colspan="3" ></td>    </tr>    <tr>        <td ></td>        <td ></td>        <td ></td>    </tr></table>

table在原来不仅可以用于显示的表格,还用于布局。并且现在一般官方的政府的网站还是用这样table布局。table布局非常清晰。当遇到问题需要表格布局时可以把所有的线来延长用来计算表格的行数与列数。
比如要实现下图的表格
这里写图片描述
应该是5行4列 就是通过线的延伸,然后合并行与列实现的。

原创粉丝点击