← 返回文章列表 HTML的 table标签使用
1

HTML的 table标签使用

标签定义及使用说明

<table> 标签定义 HTML 表格

一个 HTML 表格包括 <table> 元素,一个或多个 <tr>、<th> 以及 <td> 元素。

<tr> 元素定义表格行,<th> 元素定义表头,<td> 元素定义表格单元。

更复杂的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。

HTML 4.01 与 HTML5之间的差异

在 HTML5 中,仅支持 "border" 属性,并且只允许使用值 "1" 或 ""。

属性

属性 值 描述
align left
center
right
HTML5 不支持。HTML 4.01 已废弃。 规定表格相对周围元素的对齐方式。
bgcolor rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。HTML 4.01 已废弃。 规定表格的背景颜色。
border 1
""
HTML5 不支持。规定表格单元是否拥有边框。
cellpadding pixels HTML5 不支持。规定单元边沿与其内容之间的空白。
cellspacing pixels HTML5 不支持。规定单元格之间的空白。
frame void
above
below
hsides
lhs
rhs
vsides
box
border
HTML5 不支持。规定外侧边框的哪个部分是可见的。
rules none
groups
rows
cols
all
HTML5 不支持。规定内侧边框的哪个部分是可见的。
summary text HTML5 不支持。规定表格的摘要。
width pixels
%
HTML5 不支持。规定表格的宽度。



全局属性

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


事件属性

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


Examples

尝试一下 - 实例

表格中的标题
本例演示如何显示表格标题。

空单元格
本例演示如何使用 "&nbsp;" 处理没有内容的单元格。

带有标题的表格
本例演示一个带标题(caption)的表格。

表格内的标签
本例演示如何在其他的元素内显示元素。

跨行或跨列的表格单元格
本例演示如何定义跨行或跨列的表格单元格。

最后修改: 2025/8/16 15:00:41

读者评论
【免登录留言】
验证码

相关文章推荐

菜鸟云网络科技简介
活动方案
菜鸟云网络科技简介

菜鸟云网络学院开学了!菜鸟云自己开发的网站CMS!快来学习吧……

菜鸟云网络科技个性化定制中心
5
菜鸟云网络科技个性化定制中心

菜鸟云网络科技个性化定制中心欢迎您

Bootstrap5 教程
10
Bootstrap5 教程

Bootstrap 是全球最受欢迎的前端组件库,用于开发响应……

探索ISBN查询接口:为图书管理系统赋能
3
探索ISBN查询接口:为图书管理系统赋能

在开发图书管理应用时,ISBN(国际标准书号)查询接口是获取……

菜鸟网络学院简介
5
菜鸟网络学院简介

菜鸟网络学院是一家个人创建的学习网站,属于日志文章分享,开源……

《文化苦旅》散文集
3
《文化苦旅》散文集

《文化苦旅》一书于1992年首次出版,是余秋雨先生1980年……

CSS3 圆角
12
CSS3 圆角

CSS3 圆角

Bootstrap5 安装使用
10
Bootstrap5 安装使用

我们可以通过以下两种方式来安装 Bootstrap5: 使……

谢谢你曾来过我的世界
3
谢谢你曾来过我的世界

少年读《射雕英雄传》,最想化身的人物是陈玄风,脸色焦黄,有如……

Excel中生成序号技巧
1
Excel中生成序号技巧

在Excel中生成序号是日常操作,以下介绍几种常用方法,可根……