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> |
|
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 " " 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.
|
|
|
