Tables - See further examples: Charts - Menus - Prices & Product Lists - Text in 2 or more Equal Width Columns - includes Newspaper Style Columns
This example page demonstrates HTML tables. There is a very large number of options and you will find below 10 examples.Font styles, colors, sizes, border sizes & colors, cell background colors, spacing and padding can be set to suit your personal preferences.
Example 1 - This table is 300 pixels wide.
| Title 1 | Title 2 | Title 3 |
| Cell 1.1 | Cell 1.2 | Cell 1.3 |
| Cell 2.1 | Cell 2.2 | Cell 2.3 |
Example 2 - This table is 300 pixels wide and has two columns of different sizes. The first column is 100 pixels wide and the second takes other 200 pixels of the table width.
| Title 1 | Title 2 |
| Cell 1.1 | Cell 1.2 |
| Cell 2.1 | Cell 2.2 |
Example 3 - The table below has variable width, which means it sizes together with browser window. This table width is 60% of browser window width.
| Title 1 | Title 2 | Title 3 |
| Cell 1.1 | Cell 1.2 | Cell 1.3 |
| Cell 2.1 | Cell 2.2 | Cell 2.3 |
Example 4 - As above but with colored cells, caption added and 100% browser width.
| Title 1 | Title 2 | Title 3 |
| Cell 1.1 | Cell 1.2 | Cell 1.3 |
| Cell 2.1 | Cell 2.2 | Cell 2.3 |
Example 5 - As above but with some blanked out cells.
| Title 1 | Title 2 | Title 3 |
| Cell 1.1 | Cell 1.2 | Cell 1.3 |
| Cell 2.1 |
Example 6 - As Example 4 but with a bigger & colored border.
| Title 1 | Title 2 | Title 3 |
| Cell 1.2 | Cell 1.3 | |
| Cell 2.1 | Cell 2.2 | Cell 2.3 |
Example 7 - As above but with bevelled border & no colors applied.
| Title 1 | Title 2 | Title 3 |
| Cell 1.1 | Cell 1.2 | Cell 1.3 |
| Cell 2.1 | Cell 2.2 | Cell 2.3 |
Example 8 - As above but with bevelled border & 2 colors applied.
| Title 1 | Title 2 | Title 3 |
| Cell 1.1 | Cell 1.2 | Cell 1.3 |
| Cell 2.1 | Cell 2.2 | Cell 2.3 |
Example 9 - As above but with no cell spacing.
| Title 1 | Title 2 | Title 3 |
| Cell 1.1 | Cell 1.2 | Cell 1.3 |
| Cell 2.1 | Cell 2.2 | Cell 2.3 |
Example 10 - As above but with cell padding.
| Title 1 | Title 2 | Title 3 |
| Cell 1.1 | Cell 1.2 | Cell 1.3 |
| Cell 2.1 | Cell 2.2 | Cell 2.3 |