Viewing html-separate.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<!--chtml set prevlink="html.html"-->
<!--chtml set nextlink="html-tables.html"-->

<html xmlns="" lang="eng">
        <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">
            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;
        <script type="text/javascript" src="scripts.js"></script>
        <script type="text/javascript">
            window.onload = clickadvance;

        <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"
    This is boxed text (some of it
    &lt;font color="#339"&gt;blue&lt;/font&gt;).
&lt;div class="stress"&gt;
  This is boxed text (some of it &lt;em&gt;blue&lt;/em&gt;).
        <!--chtml include ""-->