Veda Bites are swipeable micro-lessons — each one teaches exactly one
idea. Here's a taste from this kit; the app has the full deck.
💡 Key Idea
What is an HTML Table?
Organize data in rows and columns.
An HTML table is a structured way to display data in a grid of rows and columns. It is defined using the `<table>` element, which contains rows (`<tr>`) and cells (`<td>` for data, `<th>` for headers). Tables are ideal for presenting tabular information like schedules, pricing,...
↳ An HTML table is a grid of rows and columns built with `<table>`, `<tr>`, and `<td>`/`<th>`.
✏️ Example
Basic Table Structure
See a simple table in action.
This creates a table with two columns (Name and Age) and two data rows. The header row uses `<th>` to label each column.
↳ A basic table uses `<tr>` for rows and `<th>`/`<td>` for header/data cells.
💡 Key Idea
Table Sections: thead, tbody, tfoot
Group rows for clarity and styling.
Tables can be divided into semantic sections: `<thead>` (header rows), `<tbody>` (body rows), and `<tfoot>` (footer rows). This improves accessibility and allows separate styling or scrolling of the body.
↳ Use `<thead>`, `<tbody>`, and `<tfoot>` to structure table content semantically.