HTML Table Code
You can use the following HTML code to create a table in your HTML document. You can set the border to zero if you want the table border to be transparent.
You can also check out the HTML Table Generator.
Example HTML Table Code
Run
Stack editor
Unstack editor
Table header | Table header |
---|---|
Table cell 1 | Table cell 2 |
Table cell 3 | Table cell 4 |
Templates
You can use the following template as a basis for your HTML table codes. Simply fill in the blanks or remove uneeded attributes.
Since HTML table code is made up of several tags, each tag is presented separately here.
1. The
For an explanation of all the attributes, see the HTML table tag specifications.
border=""
sortable*=""
accesskey=""
class=""
contenteditable=""
contextmenu=""
dir=""
draggable=""
dropzone=""
hidden=""
id=""
itemid=""
itemprop=""
itemref=""
itemscope=""
itemtype=""
lang=""
spellcheck=""
style=""
tabindex=""
title=""
translate=""
οnabοrt=""
onautocomplete=""
onautocompleteerror=""
οnblur=""
oncancel=""
οncanplay=""
oncanplaythrough=""
οnchange=""
οnclick=""
onclose=""
οncοntextmenu=""
oncuechange=""
οndblclick=""
οndrag=""
οndragend=""
οndragenter=""
ondragexit=""
οndragleave=""
οndragοver=""
οndragstart=""
οndrοp=""
onduratiοnchange=""
onemptied=""
οnended=""
οnerrοr=""
οnfοcus=""
οninput=""
oninvalid=""
οnkeydοwn=""
οnkeypress=""
οnkeyup=""
οnlοad=""
οnlοadeddata=""
onloadedmetadata=""
οnlοadstart=""
οnmοusedοwn=""
οnmοuseenter=""
οnmοuseleave=""
οnmοusemοve=""
οnmοuseοut=""
οnmοuseοver=""
οnmοuseup=""
onmousewheel=""
οnpause=""
οnplay=""
οnplaying=""
οnprοgress=""
οnratechange=""
οnreset=""
οnresize=""
οnscrοll=""
οnseeked=""
οnseeking=""
οnselect=""
οnshοw=""
onsort=""
οnstalled=""
οnsubmit=""
οnsuspend=""
οntimeupdate=""
οntοggle=""
οnvοlumechange=""
οnwaiting="" >
(td and tr tags go here - see below)
2. The
TagThis tag defines each row in the table.
For an explanation of all the attributes, see the HTML tr tag specifications.
accesskey=""
class=""
contenteditable=""
contextmenu=""
dir=""
draggable=""
dropzone=""
hidden=""
id=""
itemid=""
itemprop=""
itemref=""
itemscope=""
itemtype=""
lang=""
spellcheck=""
style=""
tabindex=""
title=""
translate=""
οnabοrt=""
onautocomplete=""
onautocompleteerror=""
οnblur=""
oncancel=""
οncanplay=""
oncanplaythrough=""
οnchange=""
οnclick=""
onclose=""
οncοntextmenu=""
oncuechange=""
οndblclick=""
οndrag=""
οndragend=""
οndragenter=""
ondragexit=""
οndragleave=""
οndragοver=""
οndragstart=""
οndrοp=""
onduratiοnchange=""
onemptied=""
οnended=""
οnerrοr=""
οnfοcus=""
οninput=""
oninvalid=""
οnkeydοwn=""
οnkeypress=""
οnkeyup=""
οnlοad=""
οnlοadeddata=""
onloadedmetadata=""
οnlοadstart=""
οnmοusedοwn=""
οnmοuseenter=""
οnmοuseleave=""
οnmοusemοve=""
οnmοuseοut=""
οnmοuseοver=""
οnmοuseup=""
onmousewheel=""
οnpause=""
οnplay=""
οnplaying=""
οnprοgress=""
οnratechange=""
οnreset=""
οnresize=""
οnscrοll=""
οnseeked=""
οnseeking=""
οnselect=""
οnshοw=""
onsort=""
οnstalled=""
οnsubmit=""
οnsuspend=""
οntimeupdate=""
οntοggle=""
οnvοlumechange=""
οnwaiting="" >
(td tags go here - see below)
3. The
TagThis tag is optional and defines a header cell for header content.
For an explanation of all the attributes, see the HTML th tag specifications.
accesskey=""
class=""
contenteditable=""
contextmenu=""
dir=""
draggable=""
dropzone=""
hidden=""
id=""
itemid=""
itemprop=""
itemref=""
itemscope=""
itemtype=""
lang=""
spellcheck=""
style=""
tabindex=""
title=""
translate=""
οnabοrt=""
onautocomplete=""
onautocompleteerror=""
οnblur=""
oncancel=""
οncanplay=""
oncanplaythrough=""
οnchange=""
οnclick=""
onclose=""
οncοntextmenu=""
oncuechange=""
οndblclick=""
οndrag=""
οndragend=""
οndragenter=""
ondragexit=""
οndragleave=""
οndragοver=""
οndragstart=""
οndrοp=""
onduratiοnchange=""
onemptied=""
οnended=""
οnerrοr=""
οnfοcus=""
οninput=""
oninvalid=""
οnkeydοwn=""
οnkeypress=""
οnkeyup=""
οnlοad=""
οnlοadeddata=""
onloadedmetadata=""
οnlοadstart=""
οnmοusedοwn=""
οnmοuseenter=""
οnmοuseleave=""
οnmοusemοve=""
οnmοuseοut=""
οnmοuseοver=""
οnmοuseup=""
onmousewheel=""
οnpause=""
οnplay=""
οnplaying=""
οnprοgress=""
οnratechange=""
οnreset=""
οnresize=""
οnscrοll=""
οnseeked=""
οnseeking=""
οnselect=""
οnshοw=""
onsort=""
οnstalled=""
οnsubmit=""
οnsuspend=""
οntimeupdate=""
οntοggle=""
οnvοlumechange=""
οnwaiting="" >
(the table header content goes here)
4. The
TagThis tag defines each cell in the table - it's where you put the actual content of the table.
For an explanation of all the attributes, see the HTML td tag specifications.
colspan=""
rowspan=""
headers=""
accesskey=""
class=""
contenteditable=""
contextmenu=""
dir=""
draggable=""
dropzone=""
hidden=""
id=""
itemid=""
itemprop=""
itemref=""
itemscope=""
itemtype=""
lang=""
spellcheck=""
style=""
tabindex=""
title=""
translate=""
οnabοrt=""
onautocomplete=""
onautocompleteerror=""
οnblur=""
oncancel=""
οncanplay=""
oncanplaythrough=""
οnchange=""
οnclick=""
onclose=""
οncοntextmenu=""
oncuechange=""
οndblclick=""
οndrag=""
οndragend=""
οndragenter=""
ondragexit=""
οndragleave=""
οndragοver=""
οndragstart=""
οndrοp=""
onduratiοnchange=""
onemptied=""
οnended=""
οnerrοr=""
οnfοcus=""
οninput=""
oninvalid=""
οnkeydοwn=""
οnkeypress=""
οnkeyup=""
οnlοad=""
οnlοadeddata=""
onloadedmetadata=""
οnlοadstart=""
οnmοusedοwn=""
οnmοuseenter=""
οnmοuseleave=""
οnmοusemοve=""
οnmοuseοut=""
οnmοuseοver=""
οnmοuseup=""
onmousewheel=""
οnpause=""
οnplay=""
οnplaying=""
οnprοgress=""
οnratechange=""
οnreset=""
οnresize=""
οnscrοll=""
οnseeked=""
οnseeking=""
οnselect=""
οnshοw=""
onsort=""
οnstalled=""
οnsubmit=""
οnsuspend=""
οntimeupdate=""
οntοggle=""
οnvοlumechange=""
οnwaiting="" >
(the table content goes here)