X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

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.


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.

Note 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!


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
""
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


Global Attributes

The <table> tag also supports the Global Attributes in HTML.


Event Attributes

The <table> tag also supports the Event Attributes in HTML.


Examples

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


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 »



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook