欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

html --table表格

程序员文章站 2022-03-08 12:16:27
...

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

比如:

  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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

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