EchoEcho.Com Homepage
Web Hosting - As Reliable As It Gets!
   Home > Tutorials > HTML > Tables


 Tutorials 
 D-Zine Articles 
 Online Tools 
 Free Resources 
 References 
 Quiz 
 Hosting 

















  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!
FACT:
It takes about half a second for a server to respond to a request sent via the internet.
TIP:
If your page has 10 very small images - each with a size of 100 bytes - it will take longer to load than had it been a continuous stream of 1000 bytes.





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


On EchoEcho: D-Zine Articles | Tutorials | Online Tools | Free Resources | References | Quiz | HostingAbout EchoEcho