HTML 5 TABLE TAG

From http://www.w3schools.com (Copyright Refsnes Data)

# HTML 5 <table> tag

## Definition and Usage

The <table> tag defines a table. Inside a <table> tag you can put table headers, table rows, table cells, and other tables.

## Differences Between HTML 4.01 and HTML 5

The "align" and "bgcolor" attributes of the table element were deprecated in HTML 4.01.

In HTML 5 no table attributes are supported!

## Tips and Notes

Note: No table attributtes are supported in HTML 5. Use CSS to style tables

## Example

Source | Output
--- | ---

<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>

Cell A | Cell B

## Attributes

- 4: indicates if the attribute is defined in HTML 4.01
- 5: indicates if the attribute is defined in HTML 5

Attribute | Value | Description | 4 | 5
--- | --- | --- | --- | ---
align | left center right | Aligns the table. Not supported. Use CSS instead. | 4 |
bgcolor | rgb(x,x,x) #xxxxxx colorname | Specifies the background color of the table. Not supported. Use CSSs instead. | 4 |
border | pixels | Specifies the border width. Not supported. Use CSS instead | 4 |
cellpadding | pixels % | Specifies the space between the cell walls and contents. Not supported. Use CSS instead | 4 |
cellspacing | pixels % | Specifies the space between cells. Not supported. Use CSS instead | 4 |

frame

void
above
below
hsides
lhs
rhs
vsides
box
border

Specifies which sides of the border surrounding a table will be visible. Not supported. Use CSS instead

4

rules | none groups rows cols all | Specifies the horizontal/vertical divider lines. Not supported. Use CSS instead | 4 |
summary | text | Specifies a summary of the table for speech-synthesizing/non-visual browsers | 4 |
width | % pixels | Specifies the width of the table. Not supported. Use CSS instead | 4 |

## Standard Attributes

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

For a full description, go to Standard Attributes in HTML 5.

## Event Attributes

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

For a full description, go to Event Attributes in HTML 5.

## Try-It-Yourself Demos

Tables
How to create tables in an HTML document.

Headings in a table
How to display table headers.

Empty cells
How to use "&nbsp;" to handle cells that have no content.

Table with a caption
A table with a caption.

Table cells that span more than one row/column
How to define table cells that span more than one row or one column.

Tags inside a table
How to display elements inside other elements.

From http://www.w3schools.com (Copyright Refsnes Data)