Viewing html-separate.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.html"-->
<!--chtml set nextlink="html-tables.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>Separate Structure, Presentation</title>
        <link href="style.css" type="text/css" rel="stylesheet" media="all"/>
        <style type="text/css">
        /*<![CDATA[*/
            ul#target {
                list-style-type: none;
            }
            div.stress {
                border: 2px solid #393;
                padding: 5px;
            }
            div.stress em {
                color: #339;
                background: transparent;
                font-style: normal;
            }
            ul.main li pre {
                font-size: 0.8em;
            }
            ul.main li.hidden pre {
                display: none;
            }
        /*]]>*/
        </style>
        <script type="text/javascript" src="scripts.js"></script>
        <script type="text/javascript">
        //<![CDATA[
            window.onload = clickadvance;
        //]]>
        </script>
    </head>

    <body>
        <h1>Separate Structure, Presentation</h1>
        <ul id="target" class="main">
            <li><div class="stress">This is boxed text (some of it <em>blue</em>).</div></li>
            <li class="nohide"><pre>
&lt;table border="2" cellpadding="5"
    bordercolor="#393"&gt;
  &lt;tr&gt;&lt;td&gt;
    This is boxed text (some of it
    &lt;font color="#339"&gt;blue&lt;/font&gt;).
  &lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</pre></li>
            <li><pre>
&lt;div class="stress"&gt;
  This is boxed text (some of it &lt;em&gt;blue&lt;/em&gt;).
&lt;/div&gt;</pre></li>
        </ul>
        <!--chtml include "lists.inc"-->
    </body>
</html>