HTML Learning:
The HTML Elements reference.
"table" - html element
- The HTML table model allows you to arrange text, images, links, forms, form fields, other tables, etc. into rows and columns of cells.
- Starttag <table> is Required and endtag </table> is Required
- Browsers that support the table - element :
Element "table" example:
<table border='1'
cellpadding='0' cellspacing='0' >
<caption>Browser Accesskey usage </caption>
<tr>
<th >Browser</th>
<th >accesskey usage</th>
<th >Remarks</th>
</tr>
<tr>
<td align='center' ><img src="../images/Firefox.png"
alt="" border="0" title="Firefox"/></td>
<td >Shift + Alt + accesskey</td>
<td >Set the focus on the element and
execute any link (a) if exist.</td>
</tr>
<tr>
<td align='center' ><img src="../images/IE.png"
alt="" border="0" title="Internet explorer" /></td>
<td >Alt + accesskey</td>
<td >Set the focus on the element.
Press enter to execute any link.</td>
</tr>
</table>
Attributes:
align (deprecated), bgcolor (deprecated), border , cellpadding , cellspacing , class , dir , frame , id , lang , rules , style , summary , title , width (deprecated)
Attribute "align" value(s): depend on which element left, center or right
Attribute "bgcolor" value(s): color
Attribute "border" value(s): pixels
Attribute "cellpadding" value(s): length
Attribute "cellspacing" value(s): length
Attribute "class" value(s): A list of style class names that must be separated by white space characters.
Attribute "dir" value(s): ltr or rtl
Attribute "frame" value(s): void,above,below,hsides,lhs,rhs,vsides,box,border
Attribute "id" value(s): unique name
Attribute "lang" value(s): language-code
Attribute "rules" value(s): none, groups, rows, cols or all
align (deprecated), bgcolor (deprecated), border , cellpadding , cellspacing , class , dir , frame , id , lang , rules , style , summary , title , width (deprecated)
Attribute "align" value(s): depend on which element left, center or right
- Specifies the horizontal alignment of its element with respect to the surrounding context. specifies the position of the table with respect to the document.
- You should use styles (CSS) instead.
Attribute value | description |
---|---|
left | The table is to the left of the document. |
center | The table is to the center of the document. |
right | The table is to the right of the document. |
Attribute "bgcolor" value(s): color
- Sets the background color for the document body or table cells.
- You should use styles (CSS) instead.
#00FFFF aqua
#000000 black
#0000FF blue
#FF00FF fuchsia
#808080 gray
#808080 grey
#008000 green
#00FF00 lime
#800000 maroon
#000080 navy
#808000 olive
#800080 purple
#FF0000 red
#C0C0C0 silver
#008080 teal
#FFFFFF white
#FFFF00 yellow
#F0F8FF aliceblue
#FAEBD7 antiquewhite
#00FFFF aqua
#7FFFD4 aquamarine
#F0FFFF azure
#F5F5DC beige
#FFE4C4 bisque
#000000 black
#FFEBCD blanchedalmond
#0000FF blue
#8A2BE2 blueviolet
#A52A2A brown
#DEB887 burlywood
#5F9EA0 cadetblue
#7FFF00 chartreuse
#D2691E chocolate
#FF7F50 coral
#6495ED cornflowerblue
#FFF8DC cornsilk
#DC143C crimson
#00FFFF cyan
#00008B darkblue
#008B8B darkcyan
#B8860B darkgoldenrod
#A9A9A9 darkgray
#A9A9A9 darkgrey
#006400 darkgreen
#BDB76B darkkhaki
#8B008B darkmagenta
#556B2F darkolivegreen
#FF8C00 darkorange
#9932CC darkorchid
#8B0000 darkred
#E9967A darksalmon
#8FBC8F darkseagreen
#483D8B darkslateblue
#2F4F4F darkslategray
#2F4F4F darkslategrey
#00CED1 darkturquoise
#9400D3 darkviolet
#FF1493 deeppink
#00BFFF deepskyblue
#696969 dimgray
#696969 dimgrey
#1E90FF dodgerblue
#B22222 firebrick
#FFFAF0 floralwhite
#228B22 forestgreen
#FF00FF fuchsia
#DCDCDC gainsboro
#F8F8FF ghostwhite
#FFD700 gold
#DAA520 goldenrod
#808080 gray
#808080 grey
#008000 green
#ADFF2F greenyellow
#F0FFF0 honeydew
#FF69B4 hotpink
#CD5C5C indianred
#4B0082 indigo
#FFFFF0 ivory
#F0E68C khaki
#E6E6FA lavender
#FFF0F5 lavenderblush
#7CFC00 lawngreen
#FFFACD lemonchiffon
#ADD8E6 lightblue
#F08080 lightcoral
#E0FFFF lightcyan
#FAFAD2 lightgoldenrodyellow
#D3D3D3 lightgray
#D3D3D3 lightgrey
#90EE90 lightgreen
#FFB6C1 lightpink
#FFA07A lightsalmon
#20B2AA lightseagreen
#87CEFA lightskyblue
#778899 lightslategray
#778899 lightslategrey
#B0C4DE lightsteelblue
#FFFFE0 lightyellow
#00FF00 lime
#32CD32 limegreen
#FAF0E6 linen
#FF00FF magenta
#800000 maroon
#66CDAA mediumaquamarine
#0000CD mediumblue
#BA55D3 mediumorchid
#9370D8 mediumpurple
#3CB371 mediumseagreen
#7B68EE mediumslateblue
#00FA9A mediumspringgreen
#48D1CC mediumturquoise
#C71585 mediumvioletred
#191970 midnightblue
#F5FFFA mintcream
#FFE4E1 mistyrose
#FFE4B5 moccasin
#FFDEAD navajowhite
#000080 navy
#FDF5E6 oldlace
#808000 olive
#6B8E23 olivedrab
#FFA500 orange
#FF4500 orangered
#DA70D6 orchid
#EEE8AA palegoldenrod
#98FB98 palegreen
#AFEEEE paleturquoise
#D87093 palevioletred
#FFEFD5 papayawhip
#FFDAB9 peachpuff
#CD853F peru
#FFC0CB pink
#DDA0DD plum
#B0E0E6 powderblue
#800080 purple
#FF0000 red
#BC8F8F rosybrown
#4169E1 royalblue
#8B4513 saddlebrown
#FA8072 salmon
#F4A460 sandybrown
#2E8B57 seagreen
#FFF5EE seashell
#A0522D sienna
#C0C0C0 silver
#87CEEB skyblue
#6A5ACD slateblue
#708090 slategray
#708090 slategrey
#FFFAFA snow
#00FF7F springgreen
#4682B4 steelblue
#D2B48C tan
#008080 teal
#D8BFD8 thistle
#FF6347 tomato
#40E0D0 turquoise
#EE82EE violet
#F5DEB3 wheat
#FFFFFF white
#F5F5F5 whitesmoke
#FFFF00 yellow
#9ACD32 yellowgreen
ActiveBorder
ActiveCaption
AppWorkspace
Background
ButtonFace
ButtonHighlight
ButtonShadow
ButtonText
CaptionText
GrayText
Highlight
HighlightText
InactiveBorder
InactiveCaption
InactiveCaptionText
InfoBackground
InfoText
Menu
MenuText
Scrollbar
ThreeDDarkShadow
ThreeDFace
ThreeDHighlight
ThreeDLightShadow
ThreeDShadow
Window
WindowFrame
WindowText
Selected Color:
Hex: | |
Red: | |
Green: | |
Blue: | |
Hue: | |
Saturation: | |
Value: |
Harmonious colors:
Attribute "border" value(s): pixels
- Specifies the width of the frame around a table or the width of an IMG or OBJECT border, in pixels. Specifies the width (in pixels only) of the frame around a table.
- It is deprecated for the IMG and OBJECT element
Attribute "border" example:
<table border='20'
cellpadding='10' cellspacing='0' >
<tr>
<th >Browser</th>
<th >accesskey usage</th>
<th >Remarks</th>
</tr>
<tr>
<td align='center' ><img src="../images/Firefox.png"
alt="" border="0" title="Firefox"/></td>
<td >Shift + Alt + accesskey</td>
<td >Set the focus on the element and execute any link (a) if exist.</td>
</tr>
<tr>
<td align='center' ><img src="../images/IE.png"
alt="" border="0" title="Internet explorer" /></td>
<td >Alt + accesskey</td>
<td >Set the focus on the element. Press enter to execute any link.</td>
</tr>
</table>
Attribute "cellpadding" value(s): length
- Specifies the amount of space between the border of the cell and its contents.
Attribute "cellpadding" example:
<table border='1' cellpadding='10'
cellspacing='0' >
<tr>
<th >Browser</th>
<th >accesskey usage</th>
<th >Remarks</th>
</tr>
<tr>
<td align='center' ><img src="../images/Firefox.png"
alt="" border="0" title="Firefox"/></td>
<td >Shift + Alt + accesskey</td>
<td >Set the focus on the element
and execute any link (a) if exist.</td>
</tr>
<tr>
<td align='center' ><img src="../images/IE.png"
alt="" border="0" title="Internet explorer" /></td>
<td >Alt + accesskey</td>
<td >Set the focus on the element.
Press enter to execute any link.</td>
</tr>
</table>
Attribute "cellspacing" value(s): length
- Specifies how much space the user agent should leave between the left side of the table and the left-hand side of the leftmost column, the top of the table and the top side of the topmost row, and so on for the right and bottom of the table.
- The attribute also specifies the amount of space to leave between cells.
Attribute "cellspacing" example:
<table border='5' cellpadding='0'
cellspacing='10' >
<tr>
<th >Browser</th>
<th >accesskey usage</th>
<th >Remarks</th>
</tr>
<tr>
<td align='center' ><img src="../images/Firefox.png"
alt="" border="0" title="Firefox"/></td>
<td >Shift + Alt + accesskey</td>
<td >Set the focus on the element
and execute any link (a) if exist.</td>
</tr>
<tr>
<td align='center' ><img src="../images/IE.png"
alt="" border="0" title="Internet explorer" /></td>
<td >Alt + accesskey</td>
<td >Set the focus on the element.
Press enter to execute any link.</td>
</tr>
</table>
Attribute "class" value(s): A list of style class names that must be separated by white space characters.
- This attribute assigns a style class name or set of style class names to an element. Any number of elements may be assigned the same class name or names.
- You will find more about this in the CSS learning on this site.
Attribute "dir" value(s): ltr or rtl
- Specifies the base direction of directionally neutral text in an element's content and attribute values. It also specifies the directionality of tables.
Attribute value | description |
---|---|
ltr | Left-to-right text or table. |
rtl | Right-to-left text or table. |
Attribute "frame" value(s): void,above,below,hsides,lhs,rhs,vsides,box,border
- This attribute specifies which sides of the frame surrounding a table will be visible.
Attribute value | description |
---|---|
void | No sides. This is the default value. |
above | The top side only. |
below | The bottom side only. |
hsides | The top and bottom sides only. |
vsides | Text lines are justified to both margins. |
lhs | The left-hand side only. |
rhs | The right-hand side only. |
box | All four sides. |
border | All four sides |
Attribute "id" value(s): unique name
- This attribute assigns an identification name to an element. This name must be unique in a document
- Id is often used when one wants to search for an item using javascript or vbscript.
Attribute "lang" value(s): language-code
- Specifies the base language of an element's attribute values and text content.
Lang code | Name of Language |
---|---|
aa | Afar |
ab | Abkhazian |
af | Afrikaans |
ak | Akan |
sq | Albanian |
am | Amharic |
ar | Arabic |
an | Aragonese |
hy | Armenian |
as | Assamese |
av | Avaric |
ae | Avestan |
ay | Aymara |
az | Azerbaijani |
ba | Bashkir |
bm | Bambara |
be | Belarusian |
bn | Bengali |
bh | Bihari languages |
bi | Bislama |
bo | Tibetan |
bs | Bosnian |
br | Breton |
bg | Bulgarian |
my | Burmese |
ca | Catalan; Valencian |
cs | Czech |
ch | Chamorro |
ce | Chechen |
zh | Chinese |
cu | Church Slavic; Old Slavonic; Church Slavonic; Old Bulgarian; Old Church Slavonic |
cv | Chuvash |
kw | Cornish |
co | Corsican |
cr | Cree |
cy | Welsh |
cs | Czech |
da | Danish |
de | German |
dv | Divehi; Dhivehi; Maldivian |
nl | Dutch; Flemish |
dz | Dzongkha |
el | Greek, Modern (1453-) |
en | English |
eo | Esperanto |
et | Estonian |
eu | Basque |
ee | Ewe |
fo | Faroese |
fa | Persian |
fj | Fijian |
fi | Finnish |
fr | French |
fr | French |
fy | Western Frisian |
ff | Fulah |
ka | Georgian |
de | German |
gd | Gaelic; Scottish Gaelic |
ga | Irish |
gl | Galician |
gv | Manx |
el | Greek, Modern (1453-) |
gn | Guarani |
gu | Gujarati |
ht | Haitian; Haitian Creole |
ha | Hausa |
he | Hebrew |
hz | Herero |
hi | Hindi |
ho | Hiri Motu |
hr | Croatian |
hu | Hungarian |
hy | Armenian |
ig | Igbo |
is | Icelandic |
io | Ido |
ii | Sichuan Yi; Nuosu |
iu | Inuktitut |
ie | Interlingue; Occidental |
ia | Interlingua (International Auxiliary Language Association) |
id | Indonesian |
ik | Inupiaq |
is | Icelandic |
it | Italian |
jv | Javanese |
ja | Japanese |
kl | Kalaallisut; Greenlandic |
kn | Kannada |
ks | Kashmiri |
ka | Georgian |
kr | Kanuri |
kk | Kazakh |
km | Central Khmer |
ki | Kikuyu; Gikuyu |
rw | Kinyarwanda |
ky | Kirghiz; Kyrgyz |
kv | Komi |
kg | Kongo |
ko | Korean |
kj | Kuanyama; Kwanyama |
ku | Kurdish |
lo | Lao |
la | Latin |
lv | Latvian |
li | Limburgan; Limburger; Limburgish |
ln | Lingala |
lt | Lithuanian |
lb | Luxembourgish; Letzeburgesch |
lu | Luba-Katanga |
lg | Ganda |
mk | Macedonian |
mh | Marshallese |
ml | Malayalam |
mi | Maori |
mr | Marathi |
ms | Malay |
mk | Macedonian |
mg | Malagasy |
mt | Maltese |
mn | Mongolian |
mi | Maori |
ms | Malay |
my | Burmese |
na | Nauru |
nv | Navajo; Navaho |
nr | Ndebele, South; South Ndebele |
nd | Ndebele, North; North Ndebele |
ng | Ndonga |
ne | Nepali |
nl | Dutch; Flemish |
nn | Norwegian Nynorsk; Nynorsk, Norwegian |
nb | Bokmål, Norwegian; Norwegian Bokmål |
no | Norwegian |
ny | Chichewa; Chewa; Nyanja |
oc | Occitan (post 1500) |
oj | Ojibwa |
or | Oriya |
om | Oromo |
os | Ossetian; Ossetic |
pa | Panjabi; Punjabi |
fa | Persian |
pi | Pali |
pl | Polish |
pt | Portuguese |
ps | Pushto; Pashto |
qu | Quechua |
rm | Romansh |
ro | Romanian; Moldavian; Moldovan |
ro | Romanian; Moldavian; Moldovan |
rn | Rundi |
ru | Russian |
sg | Sango |
sa | Sanskrit |
si | Sinhala; Sinhalese |
sk | Slovak |
sk | Slovak |
sl | Slovenian |
se | Northern Sami |
sm | Samoan |
sn | Shona |
sd | Sindhi |
so | Somali |
st | Sotho, Southern |
es | Spanish; Castilian |
sq | Albanian |
sc | Sardinian |
sr | Serbian |
ss | Swati |
su | Sundanese |
sw | Swahili |
sv | Swedish |
ty | Tahitian |
ta | Tamil |
tt | Tatar |
te | Telugu |
tg | Tajik |
tl | Tagalog |
th | Thai |
bo | Tibetan |
ti | Tigrinya |
to | Tonga (Tonga Islands) |
tn | Tswana |
ts | Tsonga |
tk | Turkmen |
tr | Turkish |
tw | Twi |
ug | Uighur; Uyghur |
uk | Ukrainian |
ur | Urdu |
uz | Uzbek |
ve | Venda |
vi | Vietnamese |
vo | Volapük |
cy | Welsh |
wa | Walloon |
wo | Wolof |
xh | Xhosa |
yi | Yiddish |
yo | Yoruba |
za | Zhuang; Chuang |
zh | Chinese |
zu | Zulu |
Attribute "rules" value(s): none, groups, rows, cols or all
- specifies which rules will appear between cells within a table. The rendering of rules is user agent dependent.
Attribute value | description |
---|---|
none | No rules. This is the default value. |
groups | Rules will appear between row groups (see THEAD, TFOOT, and TBODY) and column groups (see COLGROUP and COL) only. |
rows | Rules will appear between rows only. |
cols | Rules will appear between columns only |
all | Rules will appear between all rows and columns. |
Elements | Description |
---|---|
caption | The CAPTION element's text should describe the nature of the table. # The CAPTION element is only permitted immediately after the $'table' start tag. |
col | This element defines attributes common to a table column. |
colgroup | COLGROUP groups a set of $'col' elements. # It allows you to group several semantically related columns together. |
tbody | This element is used to define the body section in a table. |
tfoot | This element is used to define the foot section in a table. |
thead | This element is used to define the head section in a table. |
tr | This element defines a table row. |
td | This element defines a data cell in a table. |
th | This element defines a header cell in a table. |
The table element can be contained in the following element(s):
Elements | Description |
---|---|
applet | (deprecated) This element is used to embed Java applets. |
blockquote | This element is used to format the text as a block quote, which means the right and left margins are indented from the text before and after the quote. |
body | The <BODY> tag contains the body of the document. It must come after the </$'head'> (if a header is specified). # Everything between the <BODY> and </BODY> is considered part of the document body. # It is the part of the document that is visible to the user. |
button | This element defines a submit button, reset button, or push button. |
center | (deprecated) This element defines a block whose contents are centered horizontally on visual browsers. |
dd | This element provides the definition of a term in a definition list. |
del | This element is used to markup sections of the document that have been deleted with respect to a different version of a document. |
div | This element offer a generic mechanism for adding structure to documents. # The <DIV> tag is used to divide a document up into artificial sections such as chapters, sections, appendix and so on. |
fieldset | Groups related form controls. |
form | This element defines an interactive form. |
iframe | This element defines an inline frame for the inclusion of other HTML documents. |
ins | This element is used to markup sections of the document that have been inserted with respect to a different version of a document. |
li | This element defines a list item. |
map | This element specifies a client-side image map that may be associated with another elements like: IMG, OBJECT, or INPUT. |
noscript | This element provides alternate content for a client-side script that was not executed. |
object | This element is used to include objects such as images, audio, videos, Java applets, and Flash animations. |
td | This element defines a data cell in a table. |
th | This element defines a header cell in a table. |
© 2010 by Finnesand Data.
All rights reserved.
This site aims to provide FREE programming training and technics.
Finnesand Data as site owner gives no warranty for the
correctness in the pages or source codes.
The risk of using this web-site pages or any program
codes from this website is entirely at the individual user.