Learn how to create well-structured, accessible HTML tables for displaying tabular data
Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.
Tables are a fundamental HTML element used to display tabular data in rows and columns.
In the early days of the web, tables were often misused for page layouts. Today, we use CSS Grid and Flexbox for layouts, and tables are properly used for what they were designed for: displaying data in a structured, tabular format.
Tables are essential for displaying things like:
- Financial data and spreadsheets
- Schedules and timetables
- Comparison charts
- Statistical data
In this unit, you’ll learn how to create well-structured, accessible HTML tables using the proper semantic elements.
Lessons in this unit:
| 0: | ▶︎ Introduction |
| 1: | How to Create HTML Tables |
| 2: | How to Span Rows and Columns in HTML Tables |
| 3: | Using thead, tbody, and tfoot in HTML Tables |