A table is an HTML element that should be used to present tabular data. During the early years of web site development, tables were used (incorrectly) to form layout grids for web sites.
This arose partly because web design was a new profession, partly because inconsistencies in web browsers meant that is was difficult to achieve complex layouts without them and partly because software used to create web pages used table in their off the shelf templates.
Table based layout is easy for beginner to learn, but leads to web sites which are neither search engine friendly or easy to maintain.
By avoiding the use of tables for layout, a web designer created pages which are more flexible, easier to maintain and load faster. All modern websites and site redesigns should not rely on tables for their layout.
An example correct usage of a table is shown below.
People
| Name |
Age |
Height |
| John |
28 |
176 |
| Mary |
42 |
180 |
| Alan |
57 |
168 |
In this instance, the table is only used to present a grid of information like a spreadsheet.