HTML Table Tutorial

Home >> Building Your Website >> HTML Table Tutorial

Below is a form that will allow you to generate your table on the fly by specifying certain attributes for your table (# of columns, rows, border size, etc.).  Once you select "Generate HTML Code", the script will automatically generate the HTML code for your table.

Definitions for the table attributes are located below the form.

Auto Table Generation Form

# of Columns: # of Rows: Border Size: 
Width of Table (in Pixels or Percentage):
Border Color:
Hex Colors
Background Color
Hex Colors

Note: Your pop-up blocker may prohibit the "Preview Table" function from working properly.  You need to configure it to allow pop-ups for

# of Columns:  Enter the number of columns (going across)

# of Rows:  Enter the number of rows (going down)

Border Size:  Enter "0" for no border.

Width of Table:  Enter a pixel number (400 for example) or a percentage (80%).

Border Color: Enter a color name (red, for example) or you can enter the hex (hexadecimal) color.

Background Color: Enter a color name (red, for example) or you can enter the desired hex color.

Select "Generate Code" for the code to appear in the box.  Copy and paste the code into your web page.

The "Preview" button will allow you to Preview Your Code in a new window so you can see what the table will look like.

Return to table generator.



If you liked this, please share. Thanks!