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 »