HTML Table Generator Example

Here is an example of table entry. In this case there are 5 columns separated by a double space (note that an example like Persian Gulf is a single entry with the two words separated by a single space). It has been customized beyond the default parameters by adding a table title and a table footnote, and by increasing the border size to 4 pixels from the default of 1 pixel. Notice also the use of a <br> tag to force a line break in the entry for "Gulf of Tonkin" so that it will occupy two lines in the table. Click submit to produce the corresponding HTML table.


Table Columns:                   Text of Table:

Optional Customization Settings:

Title:
Border:    bgcolor:    bgcolor2:    Cell Padding:
Cell Spacing:    Width:    Title Font Size:    Bold 1st Row:
Font Face:    Font Size:    Font Color:
Horizontal Cell Alignment:    Vertical Cell Alignment:
Optional Delimiter Character: (Default is space or tab)
Footnote:
       


Description of Customization Options:

Title: If title is other than "none" the text of this field will be inserted in the first row of the table as a title. The size of the font for the title can be set independently of the font size for the table with the "Title Font Size" field.

Border: Width of the table border in pixels. Set to 0 for a borderless table; set to larger numbers for a beveled edge effect. Default is 1 pixel.

bgcolor: The background color for the table. Give in hexidecimal #RRGGBB format; will also accept the named colors (e.g., "red") that browsers recognize. If it doesn't recognize the specified color you will get a black background color. If this field is completely blank the table will have the color of the browser window. Default is #FFFFF0, which is a very light yellow.

bgcolor2: The background color for the title row. Same comments as for bgcolor about acceptable colors. If this field is completely blank, the title row will have the background color of the browser window. Default is #FFFFD0, which is a light yellow but darker than the default color for the main table.

Cell Padding: The amount of extra 'padding' in pixels around each entry of the table. Default value is 5 pixels.

Cell Spacing: The width of the lines between table entries in pixels; default is 1 pixel.

Width: Width of the table in pixels. The default value of "free" causes the table to resize automatically to accommodate the data.

Title Font Size: Size of font for Title (if "Title" is not "none"). Default value is 3.

Bold 1st Row: If "yes", this assumes the first row of the table (after the title, if any) is the row of labels for the columns and makes them bold. Default value is "yes".

Font Face: The default font face for table entries. May specify more than one separated by commas. Priority of use is from the left in the list. Default value is "helvetica,geneva,arial".

Font Size: The font size for the main body of the table. Default value is 2.

Font Color: The font color for the table. Same comments as for bgcolor and bgcolor2 above concerning acceptable color choices. Default value is #000000, which is black.

Horizontal Cell Alignment: Horizontal alignment for entries in columns (left, center, right). Default value is "center".

Vertical Cell Alignment: Vertical alignment for entries in rows (top, center, or bottom). Default value is "center".

Footnote: If this field contains text other than "none" the text will be inserted below the table in size-1 font as a footnote. Technically this is done by enclosing the main table inside a second table without borders. If the footnote is wider than the width of the table it will stretch beyond it to the right. You can force a linebreak to prevent this by inserting <br> at the point where you want the break to occur. Default value for this field is "none".

Optional Delimiter Character: The default delimiters for table columns are spaces or tabs. This can be changed by putting a non-blank entry in this field (for example, a comma or a colon). Then all entries in the rows of the table should be separated by this delimiter (and an abitrary amount of space). You may choose any character for a delimiter as long as it does not appear in the text of the table. Notice that if you erase this field without typing anything into it you will get error messages because the null character and a blank space may look the same to you but not to the computer.