Table with caption, header, footer and table body : table caption : Table Style HTML CSS TUTORIALS

HTML CSS TUTORIALS » Table Style » table caption »

Table with caption, header, footer and table body


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <table width="90%" border="1" cellpadding="2" cellspacing="0" summary="A playlist">
        <caption>
            A playlist of great music
        </caption>
        <thead>
            <tr>
                <th>Song Name</th>
                <th>Time</th>
                <th>Artist</th>
                <th>Album</th>
                <th>Play Count</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <td colspan="5">Music</td>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td>A</td>
                <td>4:26</td>
                <td>S</td>
                <td>D</td>
                <td>4</td>
            </tr>
        </tbody>
    </table>
</body>
</html>