HTML Table code

Create the Table Style:
Background Colour, Cell Border Size, Table width, Border Colour etc.

< table >
< tbody >
< tr >
< td >Column Heading 1< /td >
< td >Column Heading 2< /td >
< td >Column Heading 3< /td >
< td >Column Heading 4< /td >
< td >Column Heading 5< /td >
< td >Column Heading 6< /td >
< /tr >
< tr >
< td >Row 1 Col 1< /td >
< td >Row 1 Col 2< /td >
< td >Row 1 Col 3< /td >
< td >Row 1 Col 4< /td >
< td >Row 1 Col 5< /td >
< td >Row 1 Col 6< /td >
< /tr >
< tr >
< td >Row 2 Col 1< /td >
< td >Row 2 Col 2< /td >
< td >Row 2 Col 3< /td >
< td >Row 2 Col 4< /td >
< td >Row 2 Col 5< /td >
< td >Row 2 Col 6< /td >
< /tr >
< /tr >
< /tbody >
< /table >

The above, after the spaces are removed after and before the < and >, will produce a table like this:

It can be made more complex by adding background colour, borders etc, into the TABLE code.

This change was made by changing the TABLE code to:
< table border=”9″ bgcolor=”#FFFF00″ >

More changes can include the header columns, with the addition of the BOLD code < b > and < /b > as follows:
< td >< b >Column Heading 1< /b >< /td >

This then give us:

Don’t like the border ?
Change the code in TABLE to show 1 instead of 9, or even 0, if you want no borders.  This example has 1 for a border.

This example uses a TABLE code of:
< table style=”border-collapse: collapse” cellpadding=”0″ cellspacing=”0″ bgcolor=”#FFFF00″ border=”1″ >

The puzzle here is that the preview shows the above with a yellow background, but for some reason, the background colour is not showing above.

Related posts:

1. VistaPrint
2. HTML Code for Images [img]
3. HTML Redirect Code
4. Buy your books mail order, over the internet, with free delivery, from the UK
5. Global Warming