HTML Tables Tutorial

You have seen table in any website mainly sports websites. You can create a table easily by html. There are many tags to show data on table. The primary 3 tags are

table

tr - (table row)

td - (table data)

You can create a table by using these 3 tags(grid system).

A simple Table

<table> <tr> <td>HTML</td> <td>JS</td> <td>SQL</td> </tr> <tr> <td>CSS</td> <td>PHP</td> <td>MySQL</td> </tr> </table>

Preview

HTML	JS	SQL
CSS	PHP	MySQL

I have used two rows and three column. You can create what your need.

Table header
th tag are used to create table header.
Table with header
<table> <tr> <th>Markup</th> <th>Programming</th> <th>Database</th> </tr> <tr> <td>HTML</td> <td>JS</td> <td>SQL</td> </tr> <tr> <td>CSS</td> <td>PHP</td> <td>MySQL</td> </tr> </table>

Preview

Markup	Programming	Database
HTML	JS	SQL
CSS	PHP	MySQL

See that, there are no border in our table so that it looks ugly. Don't worry. Because there some table attribute to create table beautiful. You can add this code to add border in table.
<table border="1">

Table with border 

<table border="1"> <tr> <th>Markup</th> <th>Programming</th> <th>Database</th> </tr> <tr> <td>HTML</td> <td>JS</td> <td>SQL</td> </tr> <tr> <td>CSS</td> <td>PHP</td> <td>MySQL</td> </tr> </table>  

  Preview

Markup	Programming	Database
HTML	JS	SQL
CSS	PHP	MySQL