HTML Table Style Practice
Use these varied tables to experiment with CSS styles, borders, alignment, hover effects, etc.
1. Small Table (2×2)
Simple 2×2
| Header 1 |
Header 2 |
| A1 |
A2 |
2. Medium Table (4×3)
4×3 Table
| Name |
Age |
City |
| Mintchip | 22 | Toronto |
| Pixel | 19 | London |
| Sprig | 25 | Chicago |
| Echo | 31 | Tokyo |
3. Large Table (6×5)
Data Overview
| ID | Project | Status | Owner | Progress |
| 1 | Alpha | Active | Mintchip | 80% |
| 2 | Beta | Paused | Pixel | 40% |
| 3 | Gamma | Completed | Echo | 100% |
| 4 | Delta | Active | Sprig | 65% |
| 5 | Epsilon | Planning | Mintchip | 15% |
| 6 | Zeta | Testing | Pixel | 90% |
4. Merged Cells (colspan & rowspan)
Schedule Example
| Day |
Morning |
Afternoon |
| 9–10 | 10–11 | 1–2 | 2–3 |
| Monday | Math | Science | Break | Art |
| Tuesday | English | Sports | Music |
5. Nested Table
Outer Table
| Main |
Details |
| Group A |
| Member | Role |
|---|
| Mintchip | Leader |
| Echo | Designer |
|