<thead>
标签定义表格的表头。
thead 元素应该与<tfoot>
和 <tbody>
元素结合起来使用。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
<style type="text/css">
table{
border-collapse: collapse;
}
table, th, td {
border: 1px solid black;
}
thead {color:green}
tbody {color:blue;height:50px}
tfoot {color:red}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>No</th>
<th>Title</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>零基础入门学习Web(Html5+Css3)</td>
</tr>
<tr>
<td>2</td>
<td>零基础入门学习Mind+</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="2">NTHOME</th>
</tr>
</tfoot>
</table>
</body>
</html>
No | Title |
---|---|
1 | 零基础入门学习Web(Html5+Css3) |
2 | 零基础入门学习Mind+ |
NTHOME |
表格中的数字表示支持该属性的第一个浏览器版本号。
Safari | Chrome | FireFox | IE |
1.0 | 1.0 | 1.0 | 1.0 |