HTML <table> 标签

  • <table>标签定义和用法

    <table>标记定义HTML表。
    HTML表由<table>元素和一个或多个<tr><th><td>元素组成。
    <tr>元素定义表行,<th>元素定义表头,<td>元素定义表格单元格。
    更复杂的HTML表还可能包括<caption><col><colgroup><thead><tfoot><tbody>元素。
    注意:表格不应用于页面布局!从历史上看,一些Web作者滥用HTML中的表格来控制其页面布局。但是,使用HTML表进行布局有很多种替代方法,主要是使用CSS。
  • <table>标签浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    支持 支持 支持 支持 支持
  • HTML4.01和HTML5之间的差异

    HTML5中不支持“align”,“bgcolor”,“border”,“cellpadding”,“cellspacing”,“frame”,“rules”,“summary”和“width”属性。
  • <table>标签实例

    <table>
       <tr>
           <th>Month</th>
           <th>Savings</th>
       </tr>
       <tr>
           <td>January</td>
           <td>$100</td>
       </tr>
       <tr>
           <td>February</td>
           <td>$80</td>
       </tr>
    </table>
    尝试一下
  • <table>标签属性

    属性名 属性值 描述
    align left center right HTML5不支持。 根据周围文本指定表的对齐方式
    bgcolor rgb(x,x,x) r#xxxxxx rcolorname HTML5不支持。 指定表的背景颜色
    border 1 0 HTML5不支持。 指定表是否用于布局目的
    cellpadding pixels HTML5不支持。 指定单元格墙和单元格内容之间的空间
    cellspacing pixels HTML5不支持。 指定单元格之间的空间
    frame void above below hsides lhs rhs vsides box border HTML5不支持。 指定外部边框的哪些部分应该可见
    rules none groups rows cols all HTML5不支持。 指定内边框的哪些部分应该可见
    summary text HTML5不支持。 指定表内容的摘要
    width pixels % HTML5不支持。 指定表的宽度
  • <table>标签全局属性

    <table>标签还支持全局属性。 查看有关全局属性的更多知识。
  • <table>标签事件属性

    <table>标签不支持任何事件属性。
  • <table>标签相关页面

    HTML教程:HTML表格
  • <table>标签默认CSS设置

    table {
       display: table;
       border-collapse: separate;
       border-spacing: 2px;
       border-color: gray;
    }