Monday, 12 August 2013

Creating tables in Blog or website - HTML code

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.

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...