Table with number column : table column : Table Style HTML CSS TUTORIALS


HTML CSS TUTORIALS » Table Style » table column »

 

Table with number column


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
        <head>
            <title>Hummus</title>
            <style type='text/css' media='all'>
                table {
                    border-width: 0px;
                    width: 500px;
                }
                th {
                    background: #ccc;
                    color: white;
                }
                tfoot td {
                    background: #808080;
                    color: white;
                }
            </style>
        </head>
        <body>
            <table>
                <thead>
                    <tr>
                        <th colspan='4'>
                            H
                        </th>
                    </tr>
                    <tr>
                        <th>
                            #
                        </th>
                        <th>
                            M
                        </th>
                        <th>
                            P
                        </th>
                        <th>
                            I
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>#</td>
                        <td>C</td>
                        <td>D</td>
                    </tr>
                    <tr>
                        <td>15</td>
                        <td>C</td>
                        <td colspan='2'>F</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>T</td>
                        <td colspan='2'>S</td>
                    </tr>
                    <tr>
                        <td>8</td>
                        <td>T</td>
                        <td colspan='2'>R</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>C</td>
                        <td colspan='2'>T</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>T</td>
                        <td>P</td>
                        <td>C</td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan='4'>
                             this is a test. 
                        </td>
                    </tr>
                </tfoot>
            </table>
      </body>
   </html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Table Style
» table column