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.
The Ektron Intranet
lets you do everything you need to do on your corporate intranet and everything you want to do... all with just one application.
What can you do with the Ektron Intranet? |
|
Navigate through content, documents, assets, colleagues and workgroups quickly and intuitively with enterprise search |
|
Communicate with friends and colleagues with forums, message boards and corporate blogging using the new Social Networking Platform |
|
Promote collaboration among coworkers in your organization through project workspaces where others can efficiently find information and work together |
|
Personalize your company profile by bookmarking and organizing favorite content, uploading assets, posting photos, blogging, and more |
|
Interact with features like tagging, flagging, wikis and ratings found in the Web 2.0 Toolbox |
 |
Author/edit content, manage navigation, menus, audit trails, workflow and approvals with the best in breed Content Management |
|
|
|
|
See why there are 20,000+ Ektron integrations worldwide.
Request an
INSTANT DEMO or download a
FREE TRIAL today. |
|
HOME
Printer friendly page
