Table Data

We have rows, so it's time to fill them with data. The data of a table goes into cells, which we create with the td element (short for table data, a table data cell). We write the data itself as the content of the td element.

<table>
	<tr>
		<td>Row 1, cell 1</td>
		<td>Row 1, cell 2</td>
	</tr>
	<tr>
		<td>Row 2, cell 1</td>
		<td>Row 2, cell 2</td>
	</tr>
</table>

This code is displayed like this:

The table has two rows (tr), and each row has two cells (td). There's no element for columns: a column is made up of the cells at the same position in each row. The first td of every row is in the first column, the second td in the second column, and so on.

In the background, we added some CSS to make the table easier to read. You can learn more about CSS in the CSS course.