HTML <table> 标签

HTML <table> 标签

实例

一个简单的 HTML 表格,包含两行两列:

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
 </table>



浏览器支持

所有浏览器都支持 <table> 标签。


定义和用法

<table> 标签定义 HTML 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。


HTML 与 XHTML 之间的差异

在 HTML 4.01 中,table 元素的 "align" 和 "bgcolor" 属性是不被赞成使用的。

在 XHTML 1.0 Strict DTD,table 元素的 "align" 和 "bgcolor" 属性是不被支持的。


可选的属性


属性描述
align
  • left

  • center

  • right

不赞成使用。请使用样式代替。

规定表格相对周围元素的对齐方式。

bgcolor
  • rgb(x,x,x)

  • #xxxxxx

  • colorname

不赞成使用。请使用样式代替。

规定表格的背景颜色。

borderpixels规定表格边框的宽度。
cellpadding
  • pixels

  • %

规定单元边沿与其内容之间的空白。
cellspacing
  • pixels

  • %

规定单元格之间的空白。
frame
  • void

  • above

  • below

  • hsides

  • lhs

  • rhs

  • vsides

  • box

  • border

规定外侧边框的哪个部分是可见的。
rules
  • none

  • groups

  • rows

  • cols

  • all

规定内侧边框的哪个部分是可见的。
summarytext规定表格的摘要。
width
  • %

  • pixels

规定表格的宽度。

全局属性


<table> 标签支持 HTML 中的全局属性


事件属性


<table> 标签支持 HTML 中的事件属性


追梦猪网站致力于前端分享申明:本站内容搜集整理而来请勿商业用途,仅供交流所用,如若侵犯您的权益请邮件站长进行删除!

文明浏览请勿传播非法内容