HTML 表格:
表格由
标签来定义;
在浏览器显示如下: row 1, cell 1row 1, cell 2 row 2, cell 1row 2, cell 2 表格和边框属性: 如果不定义边框属性,表格将不显示边框。有时这很有用,但是大多数时候,我们希望显示边框。 使用边框属性来显示一个带有边框的表格:
表格的表头 表格的表头使用 | 标签进行定义。 大多数浏览器会把表头显示为粗体居中的文本:
在浏览器显示如下: HeadingAnother Heading row 1, cell 1row 1, cell 2 row 2, cell 1row 2, cell 2 表格中的空单元格 在一些浏览器中,没有内容的表格单元显示得不太好。如果某个单元格是空的(没有内容),浏览器可能无法显示出这个单元格的边框。
这个空的单元格的边框没有被显示出来。为了避免这种情况,在空单元格中添加一个空格占位符,就可以将边框显示出来。
在浏览器中显示如下: row 1, cell 1row 1, cell 2 row 2, cell 2 每个表格由 table 标签开始。 每个表格行由 tr 标签开始。 每个表格数据由 td 标签开始。 一列:
一行三列:
两行三列:
带有普通的边框:
带有粗的边框:
带有很粗的边框:
表格中的heading(表头) 表头:
垂直的表头:
正如您看到的,其中一个单元没有边框。这是因为它是空的。在该单元中插入一个空格后,仍然没有边框。 我们的技巧是在单元中插入一个 no-breaking 空格。 no-breaking 空格是一个字符实体。如果您不清楚什么是字符实体,请阅读关于字符实体的章节。 no-breaking 空格由和号开始 ("&"),然后是字符"nbsp",并以分号结尾(";")。 这个表格有一个标题,以及粗边框:
横跨两列的单元格:
横跨两行的单元格:
没有 cellpadding:
带有 cellpadding:cellpadding="10"> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
First | Row | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Second | Row |
没有 cellspacing:
First | Row |
Second | Row |
带有 cellspacing:
cellspacing="10">
FirstRowSecondRow背景颜色:
bgcolor="red">
FirstRowSecondRow背景图像:
background="/i/eg_bg_07.gif">
FirstRowSecondRow单元背景:
First | Row |
background="/i/eg_bg_07.gif"> Second | Row |
消费项目.... | 一月 | 二月 |
---|---|---|
衣服 | $241.10 | $50.20 |
化妆品 | $30.00 | $44.45 |
食物 | $730.40 | $650.00 |
总计 | $1001.50 | $744.65 |
注释:frame 属性无法在 Internet Explorer 中正确地显示。
Table with frame="box":
Month | Savings |
---|---|
January | $100 |
Table with frame="above":
Month | Savings |
---|---|
January | $100 |
Table with frame="below":
Month | Savings |
---|---|
January | $100 |
Table with frame="hsides":
Month | Savings |
---|---|
January | $100 |
Table with frame="vsides":
Month | Savings |
---|---|
January | $100 |
表格标签:
表格描述
定义表格单元。 |