HTML Tables :
BASIC TABLES








Tables are defined with the <table> tag.

To insert a table on your page you simply add these tags where you want the table to occur:

<table>
</table>


The above table would be of no use since it has no rows and no columns.




ROWS:

To add rows to your table use the <tr> and </tr> tags.

Example:
<table>
<tr></tr>
<tr></tr>
</table>


It doesn't make sense to write the above lines in itself, cause you can't write content outside of table cells.

If you do write things outside of cells it will appear right above the table.






COLUMNS:

You can divide rows into columns with <td> and </td> tags:

Example:
<table>
<tr> <td>This is row one, left side.</td> <td>This is row one, right side.</td> </tr>
<tr> <td>This is row two, left side.</td> <td>This is row two, right side.</td> </tr>
</table>



Result:
This is row one, left side.
This is row one, right side.
This is row two, left side.
This is row two, right side.






This page has shown the core basics of tables. In addition to these, there are different options for customizing your tables.
The following pages will focus on the different settings for <table>, <tr> and <td> tags.

 << PREVIOUS
READ MORE >>  
















DEVELOPER TIP!





     "Better Than Books - As Easy As It Gets!"