Tables

Question 1

How do you add a table?

Answer 1

<table><br>
<tr><br>
<td><td/><br>
<td><td/><br>
<td><td/><br>
</tr><br>
<tr><br>
<td><td/><br>
<td><td/><br>
<td><td/><br>
</tr><br>
</table><br>

This would make a table with two rows and three columns.

You create a table by adding rows <tr> and then an individual table data tag <td> for each cell in the table

Question 2

When would we add a table

Answer 2

Displaying sports results
Tabular information
Financial Information
Display information in a grid format

Question 3

How do we add a table header tag

Answer 3

<th>

This can take a scope attribute to indicate if its a header for a row or column
</th>

Question 4

Do I need to add a td tag if that cell would not have any content?

Answer 4

Yes, otherwise the table won’t render correctly

Question 5

How can we make a data spread across multiple rows or columns?

Answer 5

Use the rowspan and colspan attributes.

These take a number as the value.

When using these attributes you don’t need to include an empty td tag for the row/column that’s being spanned over.

Question 6

What extra elements can we use if we have a long table

Answer 6

<thead>
<tbody>
<tfooter>
</tfooter></tbody></thead>