yes I want to know more about the html tables in details: 20 flashcards
All 20 flashcards from this kit, free and with no sign-up.
1. What is an HTML table primarily designed for?
Show the answer
Presenting tabular data arranged in rows and columns, not page layout.
2. Name the four core tags used to build an HTML table.
Show the answer
`<table>`, `<tr>` (row), `<td>` (data cell), and `<th>` (header cell).
3. Which tag represents a single horizontal row in a table?
Show the answer
`<tr>` — the table row element.
4. Which tag holds the actual data inside a table row?
Show the answer
`<td>` — the table data cell.
5. What is the semantic difference between `<th>` and `<td>`?
Show the answer
`<th>` marks a cell as a header or label; `<td>` holds ordinary data. Screen readers announce `<th>` before related data cells.
6. Is there a dedicated column tag in HTML?
Show the answer
No. Columns are implied by the position of cells within each row.
7. Why do all cells in the same column share a width?
Show the answer
Because the browser's table layout algorithm assigns one width per column based on content, making tables align data neatly but feel rigid.
8. What does `colspan="n"` do?
Show the answer
Makes a cell stretch horizontally across n columns.
9. What does `rowspan="n"` do?
Show the answer
Makes a cell stretch vertically across n rows.
10. When you use colspan or rowspan, what must you do to the row?
Show the answer
Remove the cells that would have occupied those merged positions, or the grid will break.
11. What do `<thead>`, `<tbody>`, and `<tfoot>` group?
Show the answer
They group rows into header, body, and footer sections of a table.
12. What does the `<caption>` tag do?
Show the answer
Provides a visible title for the table that is also read by assistive technology.
13. Which CSS rule merges adjacent cell borders into one clean line?
Show the answer
`border-collapse: collapse;`
14. Name three legacy HTML attributes replaced by CSS for tables.
Show the answer
`border`, `cellpadding`, and `cellspacing`.
15. Give two examples of content that genuinely belongs in an HTML table.
Show the answer
Timetables and marksheets (also invoices, comparison charts, scientific data).
16. Why is using tables for page layout considered bad practice?
Show the answer
It confuses screen readers, breaks responsiveness, and produces bloated, fragile HTML.
17. What should you use instead of tables for page layout?
Show the answer
CSS Grid or Flexbox.
18. Why is nesting tables inside tables discouraged?
Show the answer
It produces fragile HTML that is hard to maintain and can confuse assistive technology.
19. What happens if one row has extra cells compared to the others?
Show the answer
The entire grid shifts, because cell counts must match across rows.
20. How does a screen reader use `<th>` cells?
Show the answer
It announces the header content before each related data cell, e.g. "Cost: 250" instead of just "250".
Your notes can be a kit like these
Every kit here was made from real study material. Point Veda at a chapter, a PDF, a photo or a link and get notes, flashcards, practice MCQs, games and a scored test — free, in 42 languages.
- Chapter notes
- Flashcards
- Practice MCQs
- Scored tests
- Exam prep
Get Veda free See what students get
Free to start · No ads · Works in 42 languages