java中html5表格_HTML5表格_动力节点Java学院整理

表格的作用是显示二维数据，在HTML5中不再允许用表格控制页面内容的布局，而是采用新增的CSS表格特性(这里不涉及CSS，将在后面介绍)。下面主要介绍用于制作表格的HTML元素。

构建表格

表格的基本元素包括：table、tr和td。

table表示HTML文档中的表格，支持border属性，用于定义表格边框的宽度；

tr表示表格中的行；

td表示表格中的单元格，包括如下属性：

1)colspan：规定单元格可横跨的列数；

2)rowspan：规定单元格可横跨的行数；

3)headers：规定与单元格相关的标头，该属性不会在普通浏览器中产生任何视觉变化，但可以被屏幕阅读器使用。

Apples	Green	Medium
Oranges	Orange	Large

上面定义了一个两行、三列的表格，使用表格的好处是：浏览器会保证列的宽度满足最宽的内容，让行的高度满足最高的单元格。

表格边框

使用table元素的border属性，可以为表格添加边框。

Apples	Green	Medium
Oranges	Orange	Large

浏览器的默认边框不太美观，通常还需要用CSS来为为各种元素重设边框样式。

不规则表格

使用单元格的colspan和rowspan属性可以构建不规则表格，使表格的某些行或者列跨越多个单元格，下面是一个单元格跨多列的一个例子：

Month	Savings
January
February

下面是一个单元格跨多行的一个例子：

Month	Savings
January	$100.00	$50
February	$10.00