Using Tables

  This is my favorite way of organizing my web site. Tables are actually very easy to use and very addicting.

Written below are the basics of making a table, especially visible ones. If used properly, they could also bring about a nice effect on a web page.


First we begin with the tags:

<table> --> this would be the opening of your table
<tr> --> stands for table row
<td> --> stands for the table column
</td> --> stands for closing the column
</tr> --> stands for closing the row
</table> --> stands for closing the table.

These tags are used for the regular, borderless (invisible) tables.

Closing tags are very important especially for Netscape users. Your table will not appear if you do not close the tags.

Now for the visible tables:

<table border="3" cellspacing="3" cellpadding="3" bgcolor="#ffffff" width=100%>

Where:
border = the visibility of your table; thickness of its outside walls
cellspacing = the spaces between your text and inner walls of your table
cellpadding = thickness of the inner walls of your table
bgcolor = the background color of the insides of your table.
width = sizing your table; you can use either percent or pixels (without the % sign).

All of the table tags mentioned here, with the exception of the border tag, can also be used with invisible tables.

Now for an example of a visible table:

Sky Senshi's Main Menu
The Locker
Fundamental insights on SailorUranus (for beginners ^^)
The Den
More insights, plus pictures, animated gifs, and midis!
Ruk's Red Car
Opinion room...answers to often asked questions. Plus a Help Page!
Wall of Gold Cups
Off to other sites and award-giving bodies

Here are the tags that I have used to create this simple table:

<center> <table width=65% border=1 bgcolor=0000b9 cellpadding=0 cellspacing=0>
<tr><td><center><font face=Arial size=2><b>Sky Senshi's Main Menu</b></font></center></td></tr></table>

<table width=65% border=1 bgcolor=f1d793 cellpadding=3 cellspacing=0>
<tr><td width=20%><center><b><font size=2 face="Arial">The Locker</font></b></center></td>

<td><font color=000000 size=2 face="Arial">Fundamental insights on SailorUranus (for beginners ^^)</font></td></tr>

<tr><td><b><center><font size=2 face="Arial">The Den</font></b></center></td>

<td><font size=2 face="Arial" color=000000>More insights, plus pictures, animated gifs, and midis!</font></td></tr>

<tr><td><center><b><font size=2 face="Arial">Ruk's Red Car</font></center></b></td>

<td><font size=2 face="Arial" color=000000>Opinion room...answers to often asked questions. Plus a Help Page!</font></td></tr>

<tr><td><b><center><font size=2 face="Arial">Wall of Gold Cups</font></b></center></td>

<td><font size=2 face="Arial" color=000000>Off to other sites and award-giving bodies</font></td></tr>

</table>
</center>

If you have any more problems, or if you think you need to learn about the more complicated forms of tables, please do not hesitate to e-mail me.


[ Main Page || The Help Office || GeoCities || GeoCities Tokyo || View Gbook ]