View video tutorial

HTML <table> Tag

HTML

The <table> tag defines a table on the page.

HTML <table> Tag


The <table> element represents tabular data using columns and rows.

Rows are defined by <tr> and column headings are defined by <th>.

The intersection of a table row and a table column is called cell or data and is defined by <td>.

An html table may contain other elements such as <caption>, <colgroup>, <thead>, <tfoot> and <tbody>.

Global attributes

Global attributes may be applied on all elements, although some elements may have no effect on them.

<accesskey>, <class>, <contenteditable>, <contextmenu>, <data-*>, <dir>, <draggable>, <dropzone>, <hidden>, <id>, <lang>, <spellcheck>, <style>, <tabindex>, <title>, <translate>.

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

Example

<!doc>
<table>
    <caption>Employee Names</caption>
    <tr>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Job ID</th> 
        <th>Salary</th>            
    </tr>
    <tr>
        <td>Lex</td>
        <td>De Haan</td>
        <td>AD_VP</td>
        <td>17000</td>            
    </tr>
    <tr>
        <td>Bruce</td>
        <td>Ernst</td>
        <td>IT_PROG</td>
        <td>6000</td>              
    </tr>
    <tr>
        <td>Nancy</td>
        <td>Greenberg</td>
        <td>FI_MGR</td>
        <td>12008</td>              
    </tr>
    <tr>
        <td>Peter</td>
        <td>Hall</td>
        <td>SA_REP</td>
        <td>9000</td>              
    </tr>         
</table>
Try it Now »

Click on the "Try it Now" button to see how it works.