HTML 5 <table> 标签

w3school 在线教程

## HTML5 教程

- HTML5 教程
- HTML5 简介
- HTML5 视频
- HTML5 视频/DOM
- HTML5 音频
- HTML5 拖放
- HTML5 画布
- HTML5 SVG
- HTML5 画布 vs SVG
- HTML5 地理定位
- HTML5 Web 存储
- HTML5 应用缓存
- HTML5 Web Workers
- HTML5 服务器发送事件

## HTML5 表单

- HTML5 输入类型
- HTML5 表单元素
- HTML5 表单属性

## HTML5 测验

- HTML5 测验

## HTML5 参考手册

- HTML5 标签
- HTML5 属性
- HTML5 事件
- HTML5 视频/音频
- HTML5 画布
- HTML 有效 DTD

# HTML 5 <table> 标签

## 定义和用法

<table> 标签定义 HTML 表格。

一个简单的 HTML 表格包括 table 元素，一个或多个 tr、th 以及 td 元素。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

更复杂的 HTML 表格也可能包含 caption, col, colgroup, thead, tfoot, tbody 等元素。

## 实例

简单的 HTML 表格，包含两列两行：

    <table border="1">
      <tr>
        <th>月份</th>
        <th>存款</th>
      </tr>
      <tr>
        <td>一月</td>
        <td>1000 元</td>
      </tr>
    </table>

亲自试一试

## 浏览器支持

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

## HTML 4.01 与 HTML 5 之间的差异

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

## 属性

属性 | 值 | 描述
--- | --- | ---

border

- ""
- 1

规定表格单元是否拥有边框。

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 5 中的全局属性。

## 事件属性

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