Tables are matrix of rows and columns. Tables are defined with the <table> tag. Tables are divided into a number of table rows with the <tr> tag and rows are divided into table data with the <td> tag.

A table row can also be divided into table headings with the <th> tag. By default, all major browsers display table headings as bold and centered.

Table Border

The default table does not have any borders around it. If you like to add borders, use attribute border with the table element. For example, to create a table with the border of size 1:

<table border = "1">

However, this is a primitive way to add a border to a table. A better way to accomplish this task is by using CSS.

Spanning Rows and Columns

The colspan attribute tells how many columns a cell will take. If you increase the width of a cell, you need to eliminate some other cells in the row to compensate.

Similarly, the rowspan attribute allows a cell to take up more than one row of a table.