Table
The table tag defines an HTML table. An HTML table consists of the table element and one or more tr and td elements. The th element defines a table header, the <tr> element defines a table row, and the <td> element defines a table cell.
Even though it is possible to create nice layouts with HTML tables, tables were designed for presenting tabular data - NOT as a layout tool! Most websites have put their content in multiple columns (formatted like a magazine or newspaper). Multiple columns are created by using <div> or <table> elements. CSS are used to position elements, or to create backgrounds or colorful look for the pages.
The following tags are commonly used when coding HTML5 and CSS page layouts:
| Tag | Function |
|---|---|
| div | Defines a section in a document |
| nav | Defines navigation links |
| header | Defines a header for a document or seciton |
| footer | Defines a footer for a document or section |
| aside | Defines content aside from teh page content |
| figure | Specifies diagrams, coe listings, etc. |
| canvas | Defines graphics |
| Hgroup | Groups a set of <h1> to <h6> elements |
| section | Defines a section in a document |
| article | Specifies self-contained content |
| iframe | Defines an inline frame |
| table | Specifies a table |