lt;thead>标签定义HTML中<table>元素的标题；

<thead>标签与<tbody>和<tfoot>标签一起使用，它们定义HTML表格中的表头，表主体和表脚。

<thead>标签作为<table>标签的子元素，需出现在<caption>、<colgroup>元素之后；<tbody>，<tr>或<tfoot>元素之前。

<thead>标记内应至少包含一行<tr>元素。

提示：<thead>、<tbody>和<tfoot>元素默认不会影响表格的布局。不过可以使用CSS来为这些元素定义样式，从而改变表格的外观。

语法格式

<thead>

<tr>……</tr>

<thead>

示例代码

<table border="1">
    <caption>图书大厦书目价格单</caption>  
    <thead>  
        <tr>  
            <th>书名</th>  
            <th>单价</th>  
        </tr>  
    </thead>  
    <tr>  
        <td>HTML入门教程</td>  
        <td>79.00元</td>  
    </tr>  
    <tr>  
        <td>JavaScript基础教程</td>  
        <td>46.00元</td>  
    </tr>  
    <tr>  
        <td>Python精品教程</td>  
        <td>99.00元</td>  
    </tr>  
</table>  123456789101112131415161718192021复制代码类型：[html]

效果展示：

HTML4.01与HTML5差异

在HTML5中，不再支持HTML4.01中<thead>标签的任何属性。

浏览器支持

所有主流浏览器都支持<thead>标签。

标签属性

全局属性

<thead>标签支持HTML的全局属性。

事件属性

<thead>标签支持HTML的事件属性。

开课吧广场-人才学习交流平台

格

表格标记用于显示类似工作表的数据，这些数据以行和列的形式整齐地格式化。它们还可以用于设计页面布局。

表格 - <table> ... </table>

table标记用于定义表格，它包含所有行和列标记及其内容。表格必须始终至少有一行，有一些属性来定义表格布局。

• width="?" - 指定表格的宽度
• align="?" - 指定表格的水平对齐
• border="?" - 表格的边框大小
• cellspacing="?" - 单元格的间距
• cellpadding="?" - 单元格内容与边框的空白

表格标题 - <caption> ... </caption>

标记caption用于定义表格的标题。

行 - <tr> </tr>

tr标记表示表格中的行，必须出现在table标记中。

单元格 - <td> </td>

单元格是内容所在的地方，单元格必须存在于行中，行中的单元格数决定表中的列数，使用以下属性设置单元格属性：

• align="?" - 单元格中文本的水平对齐： left, center or right
• valign="?" - 单元格中文本的垂直对齐： top, middle or bottom.
• width="?" - 指定单元格的固定宽度，默认情况下只占据内容所需的空间
• colspan="?" - 列横跨允许单元格占据多列
• rowspan="?" - 行横跨允许单元格占据多行
• nowrap - 单元格中的文本不会换行到下一行。类似于段落的nobr标记

表头单元格 - <th> </th>

与普通单元格类似，表头单元格必须出现在行中，正常情况下位于表格第一行，浏览器对其进行加粗和居中。

例子

以下是表格的示例：