Tables are used to display content on a webpage in a tabular format (much like a spreadsheet).
This tutorial focuses on:
- Table setup
- Table rows
- Table cells
- Adding content to the table
A table is created using the <table> tag and a closing </table> tag. A table consists of rows and columns.
Table rows are created using the <tr> tag which should go inside the <table> tag. Use an opening <tr> tag and its closing tag </tr> for every row in the table.
Table cells are created using the <td> tag which should go inside the <tr> tag. Use an opening <td> tag and its closing tag </td> for every cell in the table.
Adding content to the table
Now that we have a structure for our table, we can add some content to it. The content of a table is placed inside the table's cells..so inside the <td> tags in the table.
|First row, first column||First row, second column|
Read our HTML table concepts tutorial for much more info on working with tables.