Table with caption, header, footer and table body : caption « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. 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>








Related examples in the same category

1.'caption' Example
2.'valign' defines the vertical alignment of text within the table cell or other element
3.caption-side: bottom
4.caption font-size: 90%;text-align: right;
5.Table caption tag
6.Table with caption and table header
7.caption font-weight: bold; / color: yellow;
8.caption color: yellow;
9.caption background-color: red;
10.caption tag summarizes the table's contents (this helps the visually impaired)
11.Set style for table caption
12.Caption align to the right
13.caption font-weight: bold;
14.caption text-align: left;
15.caption border-style: solid;
16.caption border-width: 1px;
17.caption border-color: #666666;
18.caption text-align: right
19.caption caption-side: bottom;
20.caption text-align: right;
21.caption vertical-align: top;
22.caption margin-bottom: 5px;
23.caption text-transform: lowercase;
24.caption font-size: 160%;
25.caption padding: 5px;
26.caption letter-spacing: 10px;
27.caption font-size: 1.5em;
28.caption font-weight: 400;
29.caption margin: 0;
30.caption padding: 6px 0 8px;
31.caption font: 1.5em Georgia, "Times New Roman", Times, serif;
32.caption padding: 1em;
33.'align' specifies the alignment of text within the element