Know and understand the reason tables are used to structure elements within a web page

What is a Table?

A table is a grid made up of rows and columns that can hold data or organise content on a web page. Think of it like a spreadsheet or a Lego grid where each block (cell) can contain text, images, or even other elements.

Why Use Tables?

• 📊 Data Presentation: Tables are perfect for showing numbers, lists, or any data that needs to be compared side‑by‑side.
• 🗂️ Logical Structure: They help browsers and assistive technologies understand the relationship between pieces of information.
• 🛠️ Legacy Layout: Older websites used tables to create multi‑column layouts before CSS became mainstream.

Exam Tips 📚

1. Use <table> only for tabular data. For page layout, rely on CSS.
2. Always include <thead> and <tbody> for accessibility.
3. Remember that <th> cells are bold and centered by default – great for column headings.
4. Use border-collapse: collapse; to remove double borders.
5. Check the exam question: if it asks for “displaying data”, a table is likely the answer.