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:
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:
(Remember that you can use these tricks in between the <caption> and </caption> to spice up the caption text)
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:
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)
3 Comments:
this is really helpful, but i want a whole new separate table on myspace.. i have been looking for a really long time and i cant seem to find a code or anything to help me.
By Anonymous, at January 14, 2006
this is great and all, but is there a way to open a web page onside a table?
By Anonymous, at May 14, 2007
Thanks for your tips..
Try this HTML Tutorials http://mkmovietrailer.blogspot.com/2013/09/html-tutorials.html
By M K D tutorials, at October 30, 2013
Post a Comment
<< Home