Grouped table header : table header : Table Style HTML CSS TUTORIALS


HTML CSS TUTORIALS » Table Style » table header »

 

Grouped table header


 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
        <head>
            <title>My favorite Movies</title>
            <style type='text/css' media='all'>
              table {
                  border-width: 0px;
                  width: 500px;
              }
              th {
                  background: black;
                  color: white;
              }

           </style>
        </head>
        <body>
            <table>
                <tr>
                    <th colspan='3'>
                        My Favorite Movies
                    </th>
                </tr>
                <tr>
                    <th>
                        Title
                    </th>
                    <th>
                        Actor/Actress
                    </th>
                    <th>
                        Genre
                    </th>
                </tr>
                <tr>
                    <td>W</td>
                    <td>R</td>
                    <td>D</td>
                </tr>
                <tr>
                    <td>S</td>
                    <td>K</td>
                    <td>H</td>
                </tr>
                <tr>
                    <td>G</td>
                    <td>B</td>
                    <td>C</td>
                </tr>
            </table>
      </body>
   </html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Table Style
» table header