|
表格 |
描述 |
|
<caption> |
定义表格标题。 |
|
<thead> |
定义表格的页眉。 |
|
<tbody> |
定义表格的主体。 |
|
<tfoot> |
定义表格的页脚。 |
- HTML在表格中可以划分为表格标题，页眉，主体，页脚
- <caption> 元素 (or HTML 表格标题元素) 展示一个表格的标题， 它常常作为 <table> 的第一个子元素出现，同时显示在表格内容的最前面，但是，它同样可以被 CSS 样式化，所以，它同样可以出现在任何一个一个相对于表格的做任意位置
示例
|
<!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> table,th,td,tr,caption{ border: 1px solid black; } </style> <body> <table> <caption>这是一个表格汇总</caption> <thead> <tr> <th>Header content 1</th> <th>Header content 2</th> </tr> </thead> <tfoot> <tr > <td>Footer content 1</td> <td>Footer content 2</td> </tr> </tfoot> <tbody> <tr> <td>Body content 1</td> <td>Body content 2</td> </tr> </tbody> </table> </body>
</html> |
浏览器运行结果如下：
