Html Tips and Tricks

Monday, June 07, 2004

Make Advanced Tables

Here is how to create a basic table, so you will understand the following info.
Now that you've learned that, wouldn't it be nice to have a few handy table html tips?
Here they are:

First, we should already know that
<table style="text-align: left; width: 100%;" border="3"
cellpadding="2">
<tbody>
<tr ="">
<td style="vertical-align: top;">Html Table1<br>
</td>
<td style="vertical-align: top;">Html Table2<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;">Html Table3<br>
</td>
<td style="vertical-align: top;">Html Table4<br>
</td>
</tr>
</tbody>
</table>
<br>

is the code for a table.
And the table will look like this:



Html Table1
Html Table2
Html Table3
Html Table4


I shall also stress that if any code does not work properly when you have cut and pasted it, try putting it into only one line.

Second, let's introduce captions:
<table style="text-align: left; width: 100%;" border="3"
cellpadding="2">
<CAPTION>The Caption</CAPTION>
<tbody>
<tr ="">
<td style="vertical-align: top;">Html Table1<br>
</td>
<td style="vertical-align: top;">Html Table2<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;">Html Table3<br>
</td>
<td style="vertical-align: top;">Html Table4<br>
</td>
</tr>
</tbody>
</table>
<br>

See the change? It causes this:
The Caption
Html Table1
Html Table2
Html Table3
Html Table4


(Remember that you can use these tricks in between the <caption> and </caption> to spice up the caption text)


NEED EXTRA HELP? HAVE A SUGGESTION? HAVE SOMETHING TO ADD? PLEASE POST COMMENTS WHILE LOOKING AT ALL THESE USEFUL HTML TIPS AND TRICKS. THANK YOU!

4 Comments:

Post a Comment

<< Home


Hit Counter