The <table> Tag in HTML 5
Creating tables in HTML
The <table> tag is used to create a table in HTML, which provides a way to lay out data in table rows and columns.
HTML Table Example
Multiple Column Heading | ||
---|---|---|
First Column Heading | Second Column Heading | |
This is an example of an HTML table footer. | ||
Row 1 | Row 1 Column 1 | Row 1 Column 2 |
Row 2 | Row 2 Column 1 | Row 2 Column 2 |
This is an actual working demo of the table example code below. (Do View Source to verify that this page is using the HTML 5 DOCTYPE. You can also verify it is Valid HTML 5 using the HTML Validator. Try using it to validate URLs with HTML examples from other places that claim to be HTML 5 web sites!)
See the tutorial on Creating HTML Tables for full details on how to create an HTML table using the HTML table tags together.
Tables should not be used to layout non-tabular content. In fact, the HTML specification says:
Tables must not be used as layout aids. Historically, some Web authors have misused tables in HTML as a way to control their page layout. This usage is non-conforming, because tools attempting to extract tabular data from such documents would obtain very confusing results. In particular, users of accessibility tools like screen readers are likely to find it very difficult to navigate pages with tables used for layout.