HTML Tables Examples
See Working HTML Tables
- Simple Three Column/One Row Table
- Adding Headers to the Simple Table
- Adding Another Row
- First Column Headers
- Using
THEAD - Using
TFOOT - Using
TBODY - A Table with
colspan - Table with
rowspan
Simple Three Column/One Row Table
| Column 1 | Column 2 | Column 3 |
Return to the HTML Table Building article.
Adding Headers to the Simple Table
| Col 1 Header | Col 2 Header | Col 3 Header |
|---|---|---|
| Column 1 | Column 2 | Column 3 |
Return to the HTML Table Building article.
Adding Another Row
| Col 1 Header | Col 2 Header | Col 3 Header |
|---|---|---|
| Column 1 | Column 2 | Column 3 |
| Row 2:1 | 2:2 | 2:3 |
Return to the HTML Table Building article.
First Column Headers
| Row 1 Header | Column 1:2 | Column 1:3 |
|---|---|---|
| Row 2 Header | Column 2:2 | Column 2:3 |
| Row 3 Header | 2:2 | 2:3 |
Return to the HTML Table Building article.
Using THEAD
| Col 1 Header | Col 2 Header | Col 3 Header |
|---|---|---|
| Column 1 | Column 2 | Column 3 |
| Row 2:1 | 2:2 | 2:3 |
Return to the HTML Table Building article.
Using TFOOT
| Col 1 Header | Col 2 Header | Col 3 Header |
|---|---|---|
| Col 1 Footer | Col 2 Footer | Col 3 Footer |
| Column 1 | Column 2 | Column 3 |
| Row 2:1 | 2:2 | 2:3 |
Return to the HTML Table Building article.
Using TBODY
| Col 1 Header | Col 2 Header | Col 3 Header |
|---|---|---|
| Col 1 Footer | Col 2 Footer | Col 3 Footer |
| Column 1 | Column 2 | Column 3 |
| Row 2:1 | 2:2 | 2:3 |
Return to the HTML Table Building article.
A Table with colspan
| Col 1 Header | Col 2 Header | Col 3 Header |
|---|---|---|
| Col 1 Footer | Col 2 Footer | Col 3 Footer |
| Column 1 | Column 3 | |
| Row 2:1 | 2:2 | 2:3 |
Return to the HTML Table Building article.
Table with rowspan
| Col 1 Header | Col 2 Header | Col 3 Header |
|---|---|---|
| Col 1 Footer | Col 2 Footer | Col 3 Footer |
| Column 1 | Column 2 | Column 3 |
| 2:2 | 2:3 |
Return to the HTML Table Building article.
