table ... ⁄table, display in browser
Browser display, table element
- empty table element (start tag, end tag only): does not display in browser
- its child, caption element: if its content is type text → displays in browser, otherwise depends on the content of the nested element
- its children: colgroup, thead, tbody, tfoot, tr : do not display in browser
- its cells: given by th or td elements, children of tr element : their content display in browser
Display type: block
Video demonstration table element, view in browser
HTML5 table, browser display, Tutorial
| min | video details |
|---|---|
| 00:05 | video tutorial : testing the browser display of the table element, its children and the children of its children |
| 00:09 | table element with no children, only : - the start tag: <table> - and the end tag: <⁄table> does not display in browser |
| 00:23 | table's children: caption element, thead element, tbody element and tfoot element |
| 00:28 | each thead ⁄ tbody ⁄ tfoot element having row(s) (tr element) and each row having cells (th element ⁄ td element) |
| 00:38 | browser display |
| 00:38 | 1. table's border displays in browser (given by "border" attribute) |
| 00:45 | 2. table's caption displays in browser (given by the content of the caption element) |
| 00:54 | 3. table's cell display in browser (given by the content of the th or td elements) |