HTML <table> Tag
Example
A simple HTML table, containing two columns and two rows:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The <table> tag defines an HTML table.
An HTML table consists of the <table> element and one or more <tr>, <th>, and <td> elements.
The <tr> element defines a table row, the <th> element defines a table header, and the <td> element defines a table cell.
A more complex HTML table may also include <caption>, <col>, <colgroup>, <thead>, <tfoot>, and <tbody> elements.
Note: Tables should not be used for page layout! Historically, some Web authors have misused tables in HTML as a way to control their page layout. However, there are a variety of alternatives to using HTML tables for layout, primarily using CSS.
Browser Support
Element | |||||
---|---|---|---|---|---|
<table> | Yes | Yes | Yes | Yes | Yes |
Differences Between HTML 4.01 and HTML5
The "align", "bgcolor", "border", "cellpadding", "cellspacing", "frame", "rules", "summary", and "width" attributes are not supported in HTML5.
Attributes
Attribute | Value | Description |
---|---|---|
align | left center right |
Not supported in HTML5. Specifies the alignment of a table according to surrounding text |
bgcolor | rgb(x,x,x) #xxxxxx colorname |
Not supported in HTML5. Specifies the background color for a table |
border | 1 0 |
Not supported in HTML5. Specifies whether or not the table is being used for layout purposes |
cellpadding | pixels | Not supported in HTML5. Specifies the space between the cell wall and the cell content |
cellspacing | pixels | Not supported in HTML5. Specifies the space between cells |
frame | void above below hsides lhs rhs vsides box border |
Not supported in HTML5. Specifies which parts of the outside borders that should be visible |
rules | none groups rows cols all |
Not supported in HTML5. Specifies which parts of the inside borders that should be visible |
summary | text | Not supported in HTML5. Specifies a summary of the content of a table |
width | pixels % |
Not supported in HTML5. Specifies the width of a table |
Global Attributes
The <table> tag also supports the Global Attributes in HTML.
Event Attributes
The <table> tag also supports the Event Attributes in HTML.
Try it Yourself - Examples
Table headers
How to create table headers.
Table with a caption
An HTML table with a caption.
Tags inside a
table
How to display elements inside other elements.
Cells that span more than one row/column
How to define table cells that span more than one row or one column.
Related Pages
HTML tutorial: HTML Tables
HTML DOM reference: Table Object
CSS Tutorial: Styling Tables
Default CSS Settings
Most browsers will display the <table> element with the following default values:
Example
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
Try it Yourself »