Quirks and Vintage Uses of CSS Table Display

Tables have been part of the HTML since some of its earliest days. In March 1995, Netscape Navigator version 1.1 premiered with support for tables – the first browser to do so. The syntax for table markup is well known. <table> wraps the table, <thead> contains the table’s header row, and is full of <th> elements which hold each header cell content, <tbody> contains the table’s body rows, <tr> holds an individual table row, and <td> is a cell of table data within a row. Then <colgroup> and <col> are used together to define a group of columns. <caption> can provide an accessible name and description for a table and <tfoot> can provide a footer. They come together into this structure: <table> <caption> Example Table. </caption> <colgroup> <col span="1"> <col span="1"> <col span="1"> </colgroup> <thead> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr> </thead> <tbody> <tr> <td>Data 1</td> <td>Data 3</td> <td>Data 5</td> </tr> <tr> <td>Data 2</td> <td>Data 4</td> <td>Data…