Tables

HOME

HTML Tags

Font

Sound

Tables	Tables
Tables	Tables

Tables allow you to build a "grid" made up of rows and cells.You can put text, pics and hotlinks inside the cells. Tables are also needed when when you just can't seem to line-up or center the stuff on your page. You'll see what I mean.First, let's do some simple tables to get the hang of it. The tags you will use are as follows:

See how the table is started with the <table> tag, then a row is opened <tr>, then the cell is opened <td>. Then the cell is closed </td> then the row is closed </tr> and then the </table> is closed.

All we are doing is opening and closing rows and cells within the <table></table> tag.

We'll make our table with 2 rows and 4 cells.

Here's the code...

<table><tr><td>Put</td><td>Your</td></tr><tr><td>Stuff</td><td>Here</td></tr></table>

Put	Your
Stuff	Here

Now let's make the same table with a background color:

Here's the code...

<table bgcolor=blue><tr><td>Put</td><td>Your</td></tr><tr><td>Stuff</td><td>Here</td></tr></table>

Put	Your
Stuff	Here

Now let's put a border around it and change the text size:

Here's the code...

<center><table bgcolor=blue border=10><tr><td><font size=2 color=white>Put</td><td><font size=2 color=white>Your</td></tr><tr><td><font size=2 color=white>Stuff</td><td><font size=2 color=white>Here</td></tr>
</table></center>

Put	Your
Stuff	Here

Let's put two borders on this table and center the text.For two borders we'll have to put a table inside of another table.

Here's the code...

<center><table border=10 bgcolor=hotpink><center><table bgcolor=blue>lt;tr><td><center>Put</center></td><td><center>Your</center></td></tr><tr><td><center>Stuff</center></td><center>Here</center></td><tr></table></td></tr></table>

</center>

Put	Your
Stuff	Here

The cell size will be determined by the size of the text and/or pictures used in your table, but you can make each cell as large or small as you want. Use the number of pixels you want for the width and height within the <td></td> tags.

Here's the code...

<table bgcolor=blue border=10><tr><td width=75 height=50><center><font color=white>Put</center></td><td width=75 height=50><center><font color=white>Your</center></td></tr><tr><td width=75 height=50><center><font color=white>Stuff</center></td><td width=75 height=50><center><font color=white>Here</center></td></tr></table></center>

Put Your
Stuff Here

Are You Frustrated Yet?

Go see what else you can do with tables.Right Here!

Top of Page