How to Make a Basic Table 1.0
<table></table>
That’s the basic table tag. To customize your table more, add these attributes like:
<table width="100%" border="50"></table> All attributes aren’t necessary in making a table.
The list is this:
Width – You can either use percentage or pixels. To use percentage, add a % after the number
Border
Bordercolor
Cellspacing
Cellpadding
There are more, but those are the basics that you'll need.
<table><tr></tr></table>
The <tr></tr> tag creates a row. If you’re having only one row, you can eliminate the row tag. <tr align="center"></tr> That was an example of how to add attributes to the tag.
Align – aligns everything in the row to a certain spot, either left, center, or right.
Valign – vertical align, either top, middle, or bottom
<table><tr><td></td></tr></table>
Now we’re somewhere. To create one cell, you’ll use <td></td> tag. You can have five hundred in one row or six hundred in a table. Unfortunately, if you do not use the width, colspan, or row span tags, they will be all the same width. Although you’ve probably gotten the idea already, here’s the example of how to insert attributes: <td align="center"></td>
Align – the same as above in the row section
Valign – the same thing once again as in the row section
Colspan – Column span, it’ll make the cell span the amount specified.
Rowspan – same thing as a column span but with rows
Width – specifies the width of the cell, can be used with pixels or percentage
Bgcolor – the background color of the cell
Some may know this, others not, but to add content to your table, place it in the middle of the cell tag. An example is if you wanted to include the sentence ‘This is my table’ in all nine of your cells spread out even in three rows. This is what the code would look like:
<table><tr>
<td>This is my table</td>
<td>This is my table </td>
<td>This is my table </td>
</tr>
<tr>
<td>This is my table</td>
<td>This is my table</td>
<td>This is my table</td>
</tr>
<tr>
<td>This is my table</td>
<td>This is my table</td>
<td>This is my table</td>
</tr>
</table>
I love copy and paste. That is the basics of making and editing a table. Any questions either visit the forums or email me at Sarasa_Chan@hotmail.com.
This forum is © by Daystar Design and Sarasa. It may not be used on another site or edited and used on another site without the permission of Sarasa or Myrrhlynn.
 |  |  |  |
| -More Link Exchanges- | |||
Layout Design Copyright 2008 by MyrrhLynn. Shining Wind Copyright and property of Nextech and Amusement Vision and Sega, and Tony Taka. Image from Minitokyo.net
