Table

The original purpose of HTML tables was to display data in an orderly fashion, using rows and columns. Here's an example of a data table:

2003 Sales
Product SKU	January	February	March
3487928	$3000	$3100	$3300
3582734	$2000	$1900	$2200

Tables can also contain pictures, paragraphs, lists, or other tables. Because of their flexibility, they've become an often-used tool for building the underlying "grid" for a page layout. Below is a diagram of a web site page, with different colored grids showing the table structure of the page. The light red grid is the underlying table structure, the orange, yellow, green, and blue grids are nested tables providing additional structure within each section.

The HTML code for a table may look something like this:

1	2
3	4

<table>

						 <tr>

						 
						<td>1</td>

						 
						<td>2</td>

						 </tr>

						 <tr>

						 
						<td>3</td>

						  <td>4</td>

						 </tr>

						</table>

<table></table>
These tags show where the table begins and ends.

<tr></tr>
These tags show where each table row begins and ends.

<td></td>
These tags show where each table cell begins and ends. They enclose the content that is inside each cell.

Tables may be a fixed size, resizable according to the browser window, use background images and colors, and more. Learn more about Table Properties.

Table

Related Links: