HTML Home
HTML Tags Reference
Selected Reading
© 2008 TutorialsPoint.COM
|
HTML <table> tag
Function:
The HTML &ld;table> tag is used for defining a table. The table tag contains other tags that define the structure of the table.
Difference between HTML and XHTML:
The align and bgcolor attributes are deprecated in HTML as well in XHTML.
Example:
<table width="100%" border = "1">
<tr>
<th>Tag</th>
<th>Description</th>
</tr>
<tr>
<td>th</td>
<td>Specifies a table header</td>
</tr>
</table>
|
This will produce following result:
| Tag |
Description |
| th |
Specifies a table header |
|
Online Practice:
To Become more comfortable - Do Online Practice
Attributes:
| Attribute | Value | Description |
|---|
| abbr | abbreviated_text | Specifies an abbreviated version of the content in a cell. |
| align | right
left
center
justify
char | Deprecated - Visual alignment. |
| bgcolor | rgb(x,x,x)
#hexcode
colorname | Deprecated - Specifies the background color of the table. |
| border | pixels | Specifies the border width. A value of "0" means no border. |
| cellpadding | pixels or % | Specifies the space between the cell borders and their contents. |
| cellspacing | pixels or % | Specifies the space between cells. |
| frame | void
above
below
hsides
lhs
rhs
vsides
box
border | Used in conjunction with the border attribute, specifies which side of the frame that makes up the border surrounding the table is displayed. |
| rule | none
groups
rows
cols
all | Used in conjunction with the border attribute, specifies which rules appear between the cells of the table. |
| width | pixels or % | Specifies the width of the table |
Standard Attributes:
| Attribute | Description |
|---|
| class | Document wide identifier |
| dir | Specifies the direction of the text |
| id | Document wide identifier |
| title | Specifies a title to associate with the element. |
| style | Helps to include inline casecadubf style sheet. |
| lang | Sets the language code. |
| xml:lang | Sets the language code. |
Event Attributes:
| Attribute | Description |
|---|
| onclick | Script runs when a mouse click |
| ondblclick | Script runs when a mouse double-click |
| onmousedown | Script runs when mouse button is pressed |
| onmouseup | Script runs when mouse button is released |
| onmouseover | Script runs when mouse pointer moves over an element |
| onmousemove | Script runs when mouse pointer moves |
| onmouseout | Script runs when mouse pointer moves out of an element |
| onkeypress | Script runs when key is pressed and released |
| onkeydown | Script runs when key is pressed |
| onkeyup | Script runs when key is released |
|
|
|