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;
  }