<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 元素内部使用这些标签。
分享到:
相关推荐
表格 html 表格 html 表格 html 表格 html
tablesorter实现HTML表格点击表头排序,同样适用于JSP、PHP等主流Web开发
漂亮的表格html,鼠标移动到表格上会自动通过CSS效果选中一行以及一列。
js实现html表格列宽可拖拽修改 .
html表格美化,创建一个布局协调、色调统一、美观、大方的表格
实现将复制的excel的内容粘贴到html 表格的输入框中的功能
纯javascript解析CSV文件使用并转成HTML表格
这是利用HTML表格代码制作出来的一个表格。
html表格排序资源,tablesorter,jquery-tablesort,可以非常方便表格排序,不用自己去写代码,或者借助其他工具来排序。
html表格控件,带示例,使用方便,适合新手,不妨下来看看,jquery封装的方法,兼容性好。比较漂亮。
HTML表格及排版实例 PPT,自己挣得,初学可以用
我制作的表格 大家参考一下虽然没什么技术含量 但是是我学习的开始!html表格
实验三-HTML表格与HTML表单.doc
在html的表格中,锁定行头和列头,使用样式表,不用加载第三方控件.
html 增删改该例子演示了利用微软.Net框架的Web服务与天气预报站点的硬件进行数据交换来实现Web天气预报的服务。
html表格和CSS进行网页设计
可以将一个已经生成的html表格转化成可分页和查询的表格 完全用js实现不涉及任何后台技术,不支持ajax。
HTML表格生成Excel文件代码是一款基于jquery.table2excel插件实现的可以根据你的需要导出HTML表格中的内容,不需要的行可以不导出。
易语言数组转HTML表格(跟超级列表框一样用) 。用到妹子ui的css。注释都写在里面了。效果图:。@刘海斌。
主要介绍了Python实现简单HTML表格解析的方法,涉及Python基于libxml2dom模块操作html页面元素的技巧,需要的朋友可以参考下