首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

HTML 报表

2012-09-08 
HTML 表格table 定义表格。 4 5table 标签定义 HTML 表格。一个简单的 HTML 表格包括 table 元素,一个或

HTML 表格
<table> 定义表格。 4 5
<table> 标签定义 HTML 表格。
一个简单的 HTML 表格包括 table 元素,一个或多个 tr、th 以及 td 元素。
tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。
更复杂的 HTML 表格也可能包含 caption, col, colgroup, thead, tfoot, tbody 等元素。
属性   值   描述
border ""   规定表格单元是否拥有边框。
       1
<caption> 定义表格标题。 4 5
<caption> 标签定义表格的标题。
<caption> 标签必须直接放置到 <table> 标签之后。
每个表格只能规定一个标题。
通常标题会居中显示在表格上方。
<tr> 定义表格行。 4 5
tr> 标签定义表格中的行。
一个 tr 元素包含一个或多个 td 或 th 元素。
<th> 定义表头。 4 5
<th> 标签定义 HTML 表格中的表头单元格。
HTML 表格有两种单元格类型:
表头单元格 - 包含头部信息(由 th 元素创建)
标准单元格 - 包含数据(由 td 元素创建)
th 元素中的文本呈现为粗体并且居中。
td 元素中的文本是普通的左对齐文本。
属性     值        描述
colspan number    规定此表头单元格可横跨的列数。
headers header_id 规定与表头单元格相关联的一个或多个表头单元格。
rowspan number    规定此单元格可横跨的行数。
scope   col       规定此表头单元格是否是行、列、行组或列组
        colgroup
        row
        rowgroup
<td> 定义表格单元。 4 5
定义和用法
<td> 标签定义 HTML 表格中的标准单元格。
HTML 表格有两种单元格类型:
表头单元格 - 包含头部信息(由 th 元素创建)
标准单元格 - 包含数据(由 td 元素创建)
th 元素中的文本呈现为粗体并且居中。
td 元素中的文本是普通的左对齐文本。
属性     值        描述
colspan number    规定此单元格可横跨的列数。
headers header_id 规定与单元格相关联的一个或多个表头单元格
rowspan number    规定此单元格可横跨的行数。
<col> 定义表格列的属性。 4 5
定义和用法
<col> 标签为表格中的一个或多个列定义属性值。
通过使用 <col> 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。
只能在 table 或 colgroup 元素内使用 <col> 标签。
1:col 元素是空元素。如需创建列,则必须在 tr 元素中规定 td 元素。
2:如果您希望为多个表格列规定不同的属性值,请使用 <col> 元素。
3:如果您希望为一组表格列规定相同的属性值,请使用 <colgroup> 元素。
属性      值       描述
span    number   规定 col 元素应该横跨的列数
<colgroup> 定义表格列的分组。 4 5
<colgroup> 标签用于对表格中的列进行组合,以便对其进行格式化。
通过使用 <colgroup> 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。
只能在 table 元素内使用 <colgroup> 标签。
1:colgroup 元素只能包含 col 元素。
2:colgroup 元素无法创建表格列。如需创建列,必须在 tr 元素内规定 td 元素。
3:如果您希望为一组表格列规定相同的属性值,请使用 <colgroup> 元素。
4:如果您希望为多个表格列规定不同的属性值,请使用 <col> 元素。
属性      值       描述
span     number  定义 <colgroup> 应当横跨的列数。
<thead> 定义表头。 4 5
定义表格的表头。
thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
1:<thead> 内部必须拥有 <tr> 标签!
2:如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。
<tbody> 定义表格的主体。 4 5
定义一段表格主体(正文)。
使用 <tbody> 标签,可以将表格分为一个单独的部分。<tbody> 标签可将表格中的一行或几行合成一组。
虽然您可能想包括一个,甚至会在表格中包括两个或更多个 <tbody> 标签,但是我们建议最好在表格中没有 <tbody> 标签。
在 <tbody> 标签中,只有 <tr> 标签可以定义表格行。并且一旦定义,一个 <tbody> 标签就是表格中的一个独立的部分。例如不能从一个 <tbody> 跨越到另一个 <tbody> 中。
thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
1:<thead> 内部必须拥有 <tr> 标签!
2:如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。
<tfoot> 定义表格的脚注。 4 5
定义表格的页脚(脚注)。
thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
1:<tfoot> 内部必须拥有 <tr> 标签!
2:如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。

热点排行