Tables are a great way of organizing lists and other information on a web page. They help to break up large sections of text, making the page easier to read, and drawing attention to essential details. Here are 5 free HTML table templates to get you started.
How To Use Table Templates
Simply copy the HTML coding and paste within the
tags of your own website to create a table. Then type your content in the rows and columns. Table widths can be set as either as percentage or number of pixels and may be aligned to the left, right or center of the page. The content of the rows may also be aligned left, right or center of the table. When column headers are used, the header text appears in bold. The templates have been created with various widths. A table title has been added to one of the HTML table templates.Table Template With 2 Rows and 2 Columns
This is a simple table template with two rows and two columns. The table width has been set to 350 pixels.
| Row 1, Column 1 | ____Row 1, Column 2 | ____
| Row 2, Column 1 | ____Row 2, Column 2 | ____
Table Template with Column Headers: No Border
This table has two rows and two columns. The border has been removed. Column headers have been added which display in bold text. The table width has been set to 300 pixels.
| Column 1 Header | Column 2 Header |
|---|---|
| Row 1, Column 1 | ____Row 1, Column 2 | ____
| Row 2, Column 1 | ____Row 2, Column 2 | ____
Table Template With 3 Columns and 3 Rows
This table has three columns and three rows. The width has been set to 100%, which means that it will fit across the full width of the page. The rows have been aligned so that the contents fit in the center.
| Row 1, Column 1 | ____Row 1, Column 2 | ____Row 1, Column 3 | ____
| Row 2, Column 1 | ____Row 2, Column 2 | ____Row 2, Column 3 | ____
| Row 3, Column 1 | ____Row 3, Column 2 | ____Row 3, Column 3 | ____
Three Column Table with Title or Caption
This table has three columns and three rows. The width has been set to 50%, which means that it will fit across half the width of the page. The table has been set to align centrally on the page, and a table title or caption has been added.
| Row 1, Column 1 | ____Row 1, Column 2 | ____Row 1, Column 3 | ____
| Row 2, Column 1 | ____Row 2, Column 2 | ____Row 2, Column 3 | ____
| Row 3, Column 1 | ____Row 3, Column 1 | ____Row 3, Column 1 | ____
Table Template With 4 Columns and 6 Rows
This table has four columns and six rows. Column headers have been used and the table width has been set to 600 pixels.
| Column 1 Header | Column 2 Header | Column 3 Header | Column 4 Header |
|---|---|---|---|
| Row 1, Column 1 | ____Row 1, Column 2 | ____Row 1, Column 3 | ____Row 1, Column 4 | ____
| Row 2, Column 1 | ____Row 2, Column 2 | ____Row 2, Column 3 | ____Row 2, Column 4 | ____
| Row 3, Column 1 | ____Row 3, Column 2 | ____Row 3, Column 3 | ____Row 3, Column 4 | ____
| Row 4, Column 1 | ____Row 4, Column 2 | ____Row 4, Column 3 | ____Row 4, Column 5 | ____
| Row 5, Column 1 | ____Row 5, Column 2 | ____Row 5, Column 3 | ____Row 5, Column 4 | ____
| Row 6, Column 1 | ____Row 6, Column 2 | ____Row 6, Column 3 | ____Row 6, Column 4 | ____
Source
Hip Pocket Guide to HTML 4.0 by Ed Tittel,James Michael Stuart, and Chelsea Valentine. IDG Books Worldwide, 2000.
