HTML<thead>属性

/ / HTML<thead>属性

HTML <thead>标签用于将标题添加到表中。

Thead示例

<!DOCTYPE html>
<html>

   <head>
      <title>HTML thead Tag</title>
   </head>

   <body>
      <table style="width:100%" border="1">
         <thead>
            <tr>
               <td colspan="4">This is the head of the table</td>
            </tr>
         </thead>
         
         <tfoot>
            <tr>
               <td colspan="4">This is the foot of the table</td>
            </tr>
         </tfoot>
         
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
               ...more rows here containing four cells...
            </tr>
         </tbody>
         
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
               ...more rows here containing four cells...
            </tr>
         </tbody>
         
      </table>
   </body>

</html>

这将产生以下结果-

全局属性

此标签支持- HTML属性参考中所述的所有全局属性。

特定属性

HTML <thead>标签还支持以下附加属性-

Attribute Value 描述
align right
left
center
justify
char
不推荐使用-外观对齐。
char character 不推荐使用-指定要在其上对齐文本的字符。在align =“ char”时使用
charoff pixels or % 不推荐使用-指定使用char属性指定的第一个字符的对齐偏移量。在align =“ char”时使用
valign top
middle
bottom
baseline
不推荐使用-垂直对齐。

事件属性

此标签支持- HTML事件参考中所述的所有事件属性。

浏览器支持

Chrome Firefox IE Opera Safari Android
Yes Yes Yes Yes Yes Yes

祝学习愉快! (发现内容有误?请选中要编辑的内容 -> 右键 -> 修改 -> 提交!帮助我们改进教程质量)

精选教程推荐

👇 以下精选教程可能对您有帮助,拓展您的技术视野

成为AGI产品经理 -〔姬阁阁 (产品二姐)〕

Stable Diffusion实战课​ -〔夜月 ​& 散步​〕

给程序员的写作课 -〔高磊〕

AI 应用实战课 -〔黄佳〕

Vue 3 企业级项目实战课 -〔杨文坚〕

接口测试入门课 -〔陈磊〕

设计模式之美 -〔王争〕

研发效率破局之道 -〔葛俊〕

TypeScript开发实战 -〔梁宵〕

📝 好记忆不如烂笔头,留下您的学习笔记吧!

暂无学习笔记,成为第一个分享的人吧!

您的笔记将帮助成千上万的学习者