Selasa, 01 Juni 2004

Create a Little Table

This html tip will allow you to create tables like this one:

Html Table1
Html Table2
Html Table3
Html Table4



The code for that table was:

<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>




When inserting the above code, make sure you put the top two lines onto ONE line.

If you would like to add another cell in an existing row, simply put in another

<td style="vertical-align: top;">Html Table2<br>

</td>


in the appropriate location.

If you would like to add a new row, put in a

</tr>

<tr>


in the appropriate location.

Obviously, be sure to change the Html Table text in my example.

You can also fiddle around with the numbers in the code of this html tip, especially stuff in the first line.

This tip can lead to more advanced table formatting.

If you liked this tip, you will probably also like this tip, which is about forms.


0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Favorites More