Table rows and columns in HTML - Cheat Sheet & Quick Revision

Recall & Review

beginner

What HTML tag is used to create a table row?

The <tr> tag is used to create a table row in HTML.

beginner

Which tags define columns inside a table row?

The <td> tag defines a standard data cell (column), and <th> defines a header cell (column) inside a table row.

beginner

What is the difference between <td> and <th>?

<td> creates a normal data cell, while <th> creates a header cell that is usually bold and centered by default.

intermediate

How do you group rows inside a table body?

Use the <tbody> tag to group rows inside the main body of a table.

intermediate

Why should you use semantic tags like <thead>, <tbody>, and <tfoot>?

They help browsers and assistive technologies understand the table structure better, improving accessibility and styling.

Which tag creates a new row in an HTML table?

A <tr>

B <td>

C <th>

D <table>

The <tr> tag defines a table row.

Which tag is used for a header cell in a table column?

A <thead>

B <td>

C <tr>

D <th>

<th> creates a header cell, usually bold and centered.

What tag groups the main rows of a table?

A <thead>

B <tfoot>

C <tbody>

D <tr>

<tbody> groups the main body rows of a table.

Which tag defines a single data cell in a table row?

A <td>

B <th>

C <tr>

D <table>

<td> defines a standard data cell.

Why use semantic tags like <thead> and <tbody>?

A To add colors to the table

B To improve accessibility and structure

C To make the table bigger

D To add animations

Semantic tags help browsers and assistive tools understand the table better.

Explain how to create a table with rows and columns in HTML.

Think about how you organize data in a grid on paper.

Why is it important to use for header cells instead of just styling ?

Consider how someone using a screen reader understands the table.