Blog Home - Using Tables in a Blog Post

Dr Wonderful's Sing-Along Blog	Free and  Easy Crafts for Kids	Life in Albums
Life in Books	Mathematics	Movie Mosaics
Webster's Art and Art Museums Online	Webster's Google Treking	Webster's Guitar Technique
Webster's Images and Ideas	Webster's KenKen Puzzle Logic	Webster's Science and Nature
Great 21st Century 210 Book Challenge	Woody's Didgeridoings	Wetband - The Blog

Sometimes a table is the best structure for a set of elements as above where a 3 column, 5 row table is used to display a set of blogs and their banners which can be clicked to access each of these blogs.  

You can start by assembling the elements for the table into the post, one after the other.  In this case I used the Blogger image feature to display the blog banners, and I altered the "aref" address for each image to the actual blog address so that each image is itself clickable.

Next, you need a table, which Blogger will not construct for you.  We started the above table as a 3x4 table generated using the Table Wizard of the free Arachnophilia HTML editor, and then the generated table is cut and pasted into this post using the HTML mode. 

After the cut and paste you can stay in HTML mode and proceed to cut and paste elements into the table, substituting them for the place savers shown below where R is for Row and C is for Column:

R1C1	R1C2	R1C3
R2C1	R2C2	R2C3
R3C1	R3C2	R3C3
R4C1	R4C2	R4C3

The simple html code for this 3x4 table is available below in a text file from which it can be cut and pasted into a blog post:

Table HTML in a Text File

 

  This table code has been pared down to its basics so that the pattern of <td> and <tr> html tags is clear and can be easily expanded into any size table.  TR stands for Table Row, and TD stands for Table Data which are essentially in table columns.

There are many free open source HTML editors that make it simple to construct HTML elements and then cut and paste them into a post.

Though many helpful libraries exist to standardize and simplify the web development process, coding for the web isn't being displaced any time soon. Proprietary tools are still common, but there is a rich collection of open source alternatives out there. Here are some you should consider:

 Seven Open Source HTML/CSS editors