A simple HTML table, containing two columns and two rows:
More "Try it Yourself" examples below.
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.
Element | |||||
---|---|---|---|---|---|
<table> | Yes | Yes | Yes | Yes | Yes |
The "align", "bgcolor", "border", "cellpadding", "cellspacing", "frame", "rules", "summary", and "width" attributes are not supported in HTML5.
There has been some disagreement in W3C, about removing the "border" attribute
in HTML5. Finally, it has been removed from the specification. Use CSS instead! |
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 the table cells should have borders or not |
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 |
sortable | sortable | Specifies that the table should be sortable |
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 |
The <table> tag also supports the Global Attributes in HTML.
The <table> tag also supports the Event Attributes in HTML.
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.
HTML tutorial: HTML Tables
HTML DOM reference: Table Object
Most browsers will display the <table> element with the following default values: