W3Schools.com (original) (raw)

HTML Tables

HTML tables allow web developers to arrange data into rows and columns.

Example

Try it Yourself »

Define an HTML Table

A table in HTML consists of table cells inside rows and columns.

Example

A simple HTML table:

Try it Yourself »

Table Cells

Each table cell is defined by a<td> and a </td> tag.

tdstands for table data.

Everything between <td> and </td>is the content of a table cell.

Example

Try it Yourself »

Note: A table cell can contain all sorts of HTML elements: text, images, lists, links, other tables, etc.

Table Rows

Each table row starts with a <tr> and ends with a </tr> tag.

trstands for table row.

Example

Try it Yourself »

You can have as many rows as you like in a table; just make sure that the number of cells are the same in each row.

Note: There are times when a row can have less or more cells than another. You will learn about that in a later chapter.

Table Headers

Sometimes you want your cells to be table header cells. In those cases use the<th> tag instead of the<td> tag:

thstands for table header.

Example

Let the first row be table header cells:

Try it Yourself »

By default, the text in <th> elements are bold and centered, but you can change that with CSS.

HTML Table Tags

For a complete list of all available HTML tags, visit our HTML Tag Reference.

Video: HTML Tables

★ +1

Track your progress - it's free!