Table headers in HTML - Cheat Sheet & Quick Revision

Recall & Review

beginner

What HTML tag is used to define a table header cell?

The <th> tag is used to define a table header cell in HTML. It makes the cell content bold and centered by default.

beginner

How do table headers improve accessibility?

Table headers help screen readers understand the structure of the table by labeling rows or columns. This makes it easier for users with disabilities to navigate and understand the data.

intermediate

What attribute connects a table data cell to a header cell for accessibility?

The headers attribute on a <td> cell links it to one or more <th> cells by their id. This helps assistive technologies relate data cells to their headers.

beginner

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

<th> defines a header cell, usually bold and centered, while <td> defines a regular data cell in a table.

intermediate

How can you specify that a <th> is a header for a row or a column?

Use the scope attribute on <th>. Set it to col for column headers or row for row headers. This helps screen readers understand the header's role.

Which tag is used to create a header cell in an HTML table?

A <th>

B <td>

C <header>

D <tr>

The <th> tag defines a header cell in an HTML table.

What attribute should you add to a <th> to specify it is a column header?

A type="column"

B header="column"

C scope="col"

D role="columnheader"

The scope="col" attribute on <th> specifies it is a column header.

Why are table headers important for accessibility?

A They add color to the table

B They help screen readers understand table structure

C They make tables load faster

D They allow sorting of table data

Table headers help screen readers understand the table's rows and columns.

Which attribute links a data cell to its header cell?

A headers

B id

C scope

D for

The headers attribute on <td> links it to one or more <th> cells by their ids.

What is the default style of a <th> cell in most browsers?

A Italic and left aligned

B Normal weight and justified

C Underlined and right aligned

D Bold and centered

By default, <th> cells are bold and centered.

Explain how to create accessible table headers in HTML and why they matter.

Think about how screen readers read tables and how headers help.

Describe the difference between and tags and their roles in a table.

Consider how headers label rows or columns.