3.1 Tables

Question 1

What does the <table> tag do?

Answer 1

It defines a table for displaying tabular data in rows & columns.

Question 2

What is the <thead> element used for?

Answer 2

Groups the header row(s) in a table for clarity & semantic structure.

Question 3

What is the <tbody> element used for?

Answer 3

Groups the main content rows of a table.

Question 4

What is the <tfoot> element used for?

Answer 4

Groups the footer rows, often used for totals or summary data.

Question 5

What is the purpose of <tr>?

Answer 5

<tr> defines a table row & contains header (<th>) or data (<td>) cells.
</td></th></tr>

Question 6

What is the <th> element used for?

Answer 6

Defines a table header cell, typically displayed in bold & centered by default.

Question 7

What is <td> element used for?

Answer 7

Defines a table data cell containing actual content.

Question 8

What does the colspan attribute do?

Answer 8

Allows a cell to span multiple columns, e.g, <td colspan="2">.

Question 9

What does the rowspan attribute do?

Answer 9

Allows a cell to span multiple rows, e.g, <td rowspan="3">.

Question 10

Can <thead>, <tbody>, & <tfoot> be used without <table>?

Answer 10

No, they must be children of a <table> element.

Question 11

How do browsers treat table elements visually?

Answer 11

As a grid layout of rows & columns, with implicit styling if no CSS is used.

Question 12

How can you borders to a table with HTML only?

Answer 12

Use border=”1” inside <table>, though CSS is prefered.

Question 13

Why is symantic grouping with <thead>, <tbody>, & <tfoot> important?

Answer 13

Enhances accessibility, structure, & style control with CSS/JS.

Question 14

How do you center text in a table using HTML?

Answer 14

Use align=”center” (deprecated), but CSS (text-align) is recommended.

Question 15

Can <th> appear in places other than the first row?

Answer 15

Yes, it can be used in any row where a header cell is needed.