HTML Home
HTML Tags Reference
Selected Reading
© 2011 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 |
|
|
|