Viewing html-tables.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--chtml set prevlink="html-separate.html"-->
<!--chtml set nextlink="css.html"-->

<html xmlns="http://www.w3.org/1999/xhtml" lang="eng">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"/>
        <title>Tables for Tabular Data</title>
        <link href="style.css" type="text/css" rel="stylesheet" media="all"/>
        <style type="text/css">
        /*<![CDATA[*/
            table#data {
                font-size: 0.9em;
                border-collapse: collapse;
                empty-cells: show;
            }
            table#data td, table#data th {
                padding: 0.25em 0.5em;
            }
            table#data td {
                border: 1px #636 solid;
                text-align: right;
            }
            table#data th {
                border: #636 solid;
                border-width: 0 3px 0 0;
                text-align: right;
            }
            table#data tr.top th {
                border-width: 0 0 3px 0;
                text-align: center;
            }
            table#data tr.top td {
                border-width: 0 3px 3px 0;
            }
            table#data caption {
                margin-top: 0.5em;
                font-size: 0.8em;
            }
            ul#target {
                list-style-type: none;
            }
            li#emphasis {
                margin: 1em 0 0 10%;
                font-size: 1.2em;
            }
        /*]]>*/
        </style>
        <script type="text/javascript" src="scripts.js"></script>
        <script type="text/javascript">
        //<![CDATA[
            window.onload = clickadvance;
        //]]>
        </script>
    </head>

    <body>
        <h1>Tables for Tabular Data</h1>
        <ul id="target" class="main">
            <li><table id="data" cellspacing="0">
                <caption>www.washington.edu Browser Usage 2003</caption>
                <tr class="top"><td></td><th>Sep</th><th>Oct</th><th>Nov</th></tr>
                <tr><th>IE</th><td>78.65%</td><td>77.18%</td><td>75.89%</td></tr>
                <tr><th>Netscape</th><td>3.51%</td><td>3.10%</td><td>2.72%</td></tr>
                <tr><th>Mozilla</th><td>2.24%</td><td>2.12%</td><td>2.17%</td></tr>
                <tr><th>Safari</th><td>1.00%</td><td>1.02%</td><td>1.12%</td></tr>
            </table></li>
            <li id="emphasis">Styled with CSS!</li>
        </ul>
        <!--chtml include "lists.inc"-->
    </body>
</html>