HTML 表格

　表格 　这个例子演示如何在 HTML 文档中创建表格。

　（可以在本页底端找到更多实例。）

　表格由标签来定义。每个表格均有若干行（由标签定义），每行被分割为若干单元格（由标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

　HTML 表格的基本结构：

…：定义表格

…：定义表格的标题栏（文字加粗）

…：定义表格的行

…：定义表格的列

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

　在浏览器显示如下：

　如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。

　使用边框属性border来显示一个带有边框的表格：

Row 1, cell 1

Row 1, cell 2

　表格的表头单元格使用标签进行定义。

　表格的表头单元格属性主要是一些公共属性，如：align、dir、width、height。

　大多数浏览器会把表头显示为粗体居中的文本：

Header 1

Header 2

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

　在浏览器显示如下：

　在标签中我们可以使用 ... 标签作为标题，并在表的顶部显示出来。

注：此标签在较新版本的HTML / XHTML中已弃用

这是标题

row 1, column 1row 1, columnn 2

row 2, column 1row 2, columnn 2

　在标签中您可以使用width（宽）和height（高）属性设置表格宽度和高度。您可以按像素或可用屏幕区域的百分比来指定表格宽度或高度。

Row 1, Column 1

Row 1, Column 2

Row 2, Column 1

Row 2, Column 2

　您可以使用以下方法之一设置 HTML 表格的背景 

注：HTML5 中不推荐使用bgcolor，background和bordercolor属性。不要使用这些属性。 

Column 1

Column 2

Column 3

　使用background属性需要提供图像 URL 地址：

Column 1

Column 2

Column 3

　有以下两个属性，用于调整 HTML 表格中单元格的空间：

Name

Salary

其琛

5000

曼迪

7000

Column 1

Column 2

Column 3

Row 1 Cell 1

Row 1 Cell 2

Row 1 Cell 3

Row 2 Cell 2

Row 2 Cell 3

Row 3 Cell 1

效果如下：

　表格可以分为三个部分 - 头部，主体和页脚，如同word 文档中页面的页眉、正文、页脚。每个页面保持相同，而正文是表格的主要内容持有者。

　头部，主体和页脚的对应的三个标签是：

　表可以包含多个元素以指示不同的页面。

　但值得注意的是和标签应出现在之前：

This is the head of the table

This is the foot of the table

Cell 1

Cell 2

Cell 3

Cell 4

　您可以在另一个表中使用一个表。可以使用内的几乎所有标签。

Name

Salary

其琛

5000

曼迪

7000

　没有边框的表格 　本例演示一个没有边框的表格。

　表格中的表头 ( Heading ) 　本例演示如何显示表格表头。

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

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

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

　单元格边距 ( Cell padding ) 　本例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。

　单元格间距 ( Cell spacing ) 　本例演示如何使用 Cell spacing 增加单元格之间的距离。