How to make html tables for your WordPress blog
- Complete HTML tables tags list
- Get help putting HTML tables on your web site
If you’ve ever seen a web page with pictures and text layed out in nice columns or “grid like”, and think you could never do that, you are about to be surprised. HTML tables are awesome, with them you can create pages that look so good they look professional. All of the pages on this site were made with HTML tables.
One thing you have to remember while making HTML tables, neatness. If you don’t keep the table neat, you will never be able to catch mistakes or update it very well. Come up with a system to organize all the tags and content of the tables. These tags they have a lot of attributes in them and your will be shown which attributes are mandatory and which are not. Below are the different HTML tables tutorials.
HTML TABLES
The Table Tag
The Row Tag
The Conventional Cell Tag
The Header Cell Tag
Basic Example w/Source Code
Detailed Example w/Source Code
See the example of code immediately below. I pasted it into the editor in “visual” mode only so readers can see what it looks like. In fact, this code must be pasted into the editor in “code” mode to actually produce the table illustrated below the code.
<table width=”175″ height=”60″ cellpadding=”1″ cellspacing=”1″ summary=”" border=”1″>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
Now look at the illustration below and you will see the table as it will appear in the editor in “visual” mode, after being pasted into the editor in “code” mode.
The last illustration below depicts the same table but, images have been uploaded into the cells of the table using the same method we always use to upload images into posts and static pages.
 |
 |
 |
 |
 stumbleupon |
|
Other References:
Making HTML Tables
Learning HTML Tables
Help With HTML Tables
Auto Table Generator
:: 
:: 
:: 
:: 
:: 
:: 
:: 
:: 
:: 
