首页 > HTML教程_HTML语言视频教程 > TABLE 元素 | table 对象-HTML元素(95)

HTML教程_HTML语言视频教程

TABLE 元素 | table 对象-HTML元素(95)

发布:E时代科技  分类:HTML教程_HTML语言视频教程 浏览:2956 次

  TABLE 元素 | table 对象-HTML元素(95)

  指定所含内容要组织成行列的表格。

  注释

  下列标签可在表格结构中出现: CAPTION, COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD 和 TR。

  对于每个 table 对象,仅可指定一个 tHead 和 tFoot。

  在文档装入的过程中,对表格的修改将被禁止,直到 onload 事件发生。任何时刻都允许只读访问。

  表格对象模型对于数据绑定的表格是只读的。例如,用于删除表格行的脚本可以在未绑定的表格上正确运行,但无法在已绑定数据的表格上运行。table 对象的属性仍旧可用,但是对表格中的绑定数据进行的更改必须通过数据源。

  表格的属性区分于表格中所包含的单元格的属性。例如,多列表格的 offsetLeft 属性与表格中最左端单元格的 offsetLeft 属性并不相同。请在编写脚本时选择正确的表格和/或单元格对象。

  table 对象及其相关的元素有独立的表格对象模型,这与常规对象模型所采用的方法有很大不同。要获得关于表格对象模型更多的信息,请参看如何动态生成表格。

  在脚本中访问 height 属性时,请使用 pixelHeight 或 posHeight 属性测量高度的数值。

  如果想要对高度和宽度进行动态变更,那么原始值必须是通过样式指定的(例如,style=“height:200px; width:200px”),而不是通过 height 和 width 标签属性。

  表格的许多样式并不从其父对象中继承。这其中包括: font-size; font-weight; line-height; text-align; font-style; font-variant。

  TABLE 元素是一个块元素。

  TABLE 元素需要关闭标签。

  示例

  下面的例子使用了 TABLE 元素和 THEAD, TR 及 TH 创建了三行两列的表格。

  《TABLE BORDER=1 WIDTH=80%》

  《THEAD》

  《TR》

  《TH》标题 1《/TH》

  《TH》标题 2《/TH》

  《/TR》

  《/THEAD》

  《TBODY》

  《TR》

  《TD》第 1 行, 第 1 列文本。《/TD》

  《TD》第 1 行, 第 2 列文本。《/TD》

  《/TR》

  《TR》

  《TD》第 2 行, 第 1 列文本。《/TD》

  《TD》第 2 行, 第 2 列文本。《/TD》

  《/TR》

  《/TBODY》

  《/TABLE》

  查看更多HTML教程》》》》》