HTML Tables are usually used for the following reasons.

• A method to display data to the client

• A method to divide content and style it (not best practice)

Example of a table :

This is a basic table. As we can see it has a pattern of some elements that help build it.

Table Elements

• The HTML <table> element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.

• The HTML <tr> element defines a row of cells in a table. The row's cells can then be established using a mix of  (data cell) and  (header cell) elements.

• The HTML <td> element defines a cell of a table that contains data. It participates in the table model.

• = A method to add metadata to a cell. It is design to allow you to add elements to a table. Also known as a table element.

Example of what a table looks like.

Table being Modify

As we can see we can modify the text in the "Made up bird" table.

Time for a Live Demo

;)