网站首页 > 知识剖析 正文
<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]
效果展示:
图书大厦书目价格单 | |
书名 | 单价 |
HTML入门教程 | 79.00元 |
JavaScript基础教程 | 46.00元 |
Python精品教程 | 99.00元 |
HTML4.01与HTML5差异
在HTML5中,不再支持HTML4.01中<thead>标签的任何属性。
浏览器支持
所有主流浏览器都支持<thead>标签。
标签属性
属性 | 值 | 描述 |
align | right | HTML5 不支持。定义 <thead> 元素中内容的对齐方式。 |
char | character | HTML5 不支持。规定 <thead> 元素中内容根据哪个字符来对进行文本对齐。 |
charoff | number | HTML5 不支持。规定 <thead> 元素中内容的第一个对齐字符的偏移量。 |
valign | top | HTML5 不支持。规定 <thead> 元素中内容的垂直对齐方式。 |
全局属性
<thead>标签支持HTML的全局属性。
事件属性
<thead>标签支持HTML的事件属性。
- 上一篇: HTML标签之表格标签
- 下一篇: border table 打造家具与空间的全新关系
猜你喜欢
- 2024-11-25 服务器弱口令漏洞上传木马攻击实验
- 2024-11-25 10、Django 新建ipa(通讯录)项目
- 2024-11-25 Vue组件传参:Vue父组件向子组件传参
- 2024-11-25 第5天 | 16天搞定前端,html布局,表格和大块头
- 2024-11-25 如何应用“XML+XSLT”技术分离Web表示层数据和样式
- 2024-11-25 web前端ajax笔记之一
- 2024-11-25 vue3 新特性 computed、watch、watchEffect 看完就会
- 2024-11-25 巧用SqlServer数据库实现邮件自动发送功能
- 2024-11-25 「案例演练」测试器与模板继承
- 2024-11-25 Vue的框架(了解)
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)