<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet type="text/xsl" href="mathml.xsl"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://www.w3.org/1999/xhtml">
   <head>
      <title>ChessGML to HTML</title><style type="text/css">
      math { font-size: 30pt }
      mi { color: red }
    </style><link href="./w3ctalk-640w.css" rel="stylesheet" type="text/css" title="640w" />
      <link href="./w3ctalk-640.css" rel="alternate stylesheet" type="text/css" title="640" />
      <link href="./w3ctalk-800w.css" rel="alternate stylesheet" type="text/css" title="800w" />
      <link href="./w3ctalk-800.css" rel="alternate stylesheet" type="text/css" title="800" />
      <link href="./w3ctalk-1024w.css" rel="alternate stylesheet" type="text/css" title="1024w" />
      <link href="./w3ctalk-1024.css" rel="alternate stylesheet" type="text/css" title="1024" />
      <link rel="next" href="slide12.xml" title="Next" />
      <link rel="previous" href="slide10.xml" title="Previous" />
      <link rel="contents" href="Overview.xml" title="Contents" />
      <link rel="up" href="Overview.xml" title="Up" />
   </head>
   <body><a href="http://www.w3.org/"><img src="./w3c_home.gif" alt="W3C  " /></a><h1 class="slide">
         <h2>ChessGML to HTML</h2>
      </h1>
      <hr class="top" />
      <div>
         <p><a href="immortal.html">The Immortal Game</a></p>
         <h3>The Immortal Game</h3>
         <h4>
            	Anderssen, Adolf
            vs. 
            	Kieseritzky, Lionel
            
         </h4>
         <h5>London, 1851</h5>
         <h4>1. e4 </h4>
         <table style="border: solid">
            
            <tr>
               
               <td>
                  <img src="bwr.gif" />
                  
               </td>
               
               <td>
                  <img src="wwn.gif" />
                  
               </td>
               
               <td>
                  <img src="bwb.gif" />
                  
               </td>
               
               <td>
                  <img src="wwq.gif" />
                  
               </td>
               
               <td>
                  <img src="bwk.gif" />
                  
               </td>
               
               <td>
                  <img src="wwb.gif" />
                  
               </td>
               
               <td>
                  <img src="bwn.gif" />
                  
               </td>
               
               <td>
                  <img src="wwr.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="wwp.gif" />
                  
               </td>
               
               <td>
                  <img src="bwp.gif" />
                  
               </td>
               
               <td>
                  <img src="wwp.gif" />
                  
               </td>
               
               <td>
                  <img src="bwp.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bwp.gif" />
                  
               </td>
               
               <td>
                  <img src="wwp.gif" />
                  
               </td>
               
               <td>
                  <img src="bwp.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wwp.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="bbp.gif" />
                  
               </td>
               
               <td>
                  <img src="wbp.gif" />
                  
               </td>
               
               <td>
                  <img src="bbp.gif" />
                  
               </td>
               
               <td>
                  <img src="wbp.gif" />
                  
               </td>
               
               <td>
                  <img src="bbp.gif" />
                  
               </td>
               
               <td>
                  <img src="wbp.gif" />
                  
               </td>
               
               <td>
                  <img src="bbp.gif" />
                  
               </td>
               
               <td>
                  <img src="wbp.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="wbr.gif" />
                  
               </td>
               
               <td>
                  <img src="bbn.gif" />
                  
               </td>
               
               <td>
                  <img src="wbb.gif" />
                  
               </td>
               
               <td>
                  <img src="bbq.gif" />
                  
               </td>
               
               <td>
                  <img src="wbk.gif" />
                  
               </td>
               
               <td>
                  <img src="bbb.gif" />
                  
               </td>
               
               <td>
                  <img src="wbn.gif" />
                  
               </td>
               
               <td>
                  <img src="bbr.gif" />
                  
               </td>
               
            </tr>
            
         </table>
         <hr />
         <h4>1. ... e5 </h4>
         <table style="border: solid">
            
            <tr>
               
               <td>
                  <img src="bwr.gif" />
                  
               </td>
               
               <td>
                  <img src="wwn.gif" />
                  
               </td>
               
               <td>
                  <img src="bwb.gif" />
                  
               </td>
               
               <td>
                  <img src="wwq.gif" />
                  
               </td>
               
               <td>
                  <img src="bwk.gif" />
                  
               </td>
               
               <td>
                  <img src="wwb.gif" />
                  
               </td>
               
               <td>
                  <img src="bwn.gif" />
                  
               </td>
               
               <td>
                  <img src="wwr.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="wwp.gif" />
                  
               </td>
               
               <td>
                  <img src="bwp.gif" />
                  
               </td>
               
               <td>
                  <img src="wwp.gif" />
                  
               </td>
               
               <td>
                  <img src="bwp.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bwp.gif" />
                  
               </td>
               
               <td>
                  <img src="wwp.gif" />
                  
               </td>
               
               <td>
                  <img src="bwp.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wwp.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bbp.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="bbp.gif" />
                  
               </td>
               
               <td>
                  <img src="wbp.gif" />
                  
               </td>
               
               <td>
                  <img src="bbp.gif" />
                  
               </td>
               
               <td>
                  <img src="wbp.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wbp.gif" />
                  
               </td>
               
               <td>
                  <img src="bbp.gif" />
                  
               </td>
               
               <td>
                  <img src="wbp.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="wbr.gif" />
                  
               </td>
               
               <td>
                  <img src="bbn.gif" />
                  
               </td>
               
               <td>
                  <img src="wbb.gif" />
                  
               </td>
               
               <td>
                  <img src="bbq.gif" />
                  
               </td>
               
               <td>
                  <img src="wbk.gif" />
                  
               </td>
               
               <td>
                  <img src="bbb.gif" />
                  
               </td>
               
               <td>
                  <img src="wbn.gif" />
                  
               </td>
               
               <td>
                  <img src="bbr.gif" />
                  
               </td>
               
            </tr>
            
         </table>
         <hr />
         <h4>2. f4 </h4>
         <table style="border: solid">
            
            <tr>
               
               <td>
                  <img src="bwr.gif" />
                  
               </td>
               
               <td>
                  <img src="wwn.gif" />
                  
               </td>
               
               <td>
                  <img src="bwb.gif" />
                  
               </td>
               
               <td>
                  <img src="wwq.gif" />
                  
               </td>
               
               <td>
                  <img src="bwk.gif" />
                  
               </td>
               
               <td>
                  <img src="wwb.gif" />
                  
               </td>
               
               <td>
                  <img src="bwn.gif" />
                  
               </td>
               
               <td>
                  <img src="wwr.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="wwp.gif" />
                  
               </td>
               
               <td>
                  <img src="bwp.gif" />
                  
               </td>
               
               <td>
                  <img src="wwp.gif" />
                  
               </td>
               
               <td>
                  <img src="bwp.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wwp.gif" />
                  
               </td>
               
               <td>
                  <img src="bwp.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wwp.gif" />
                  
               </td>
               
               <td>
                  <img src="bwp.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bbp.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wsq.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="bbp.gif" />
                  
               </td>
               
               <td>
                  <img src="wbp.gif" />
                  
               </td>
               
               <td>
                  <img src="bbp.gif" />
                  
               </td>
               
               <td>
                  <img src="wbp.gif" />
                  
               </td>
               
               <td>
                  <img src="bsq.gif" />
                  
               </td>
               
               <td>
                  <img src="wbp.gif" />
                  
               </td>
               
               <td>
                  <img src="bbp.gif" />
                  
               </td>
               
               <td>
                  <img src="wbp.gif" />
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  <img src="wbr.gif" />
                  
               </td>
               
               <td>
                  <img src="bbn.gif" />
                  
               </td>
               
               <td>
                  <img src="wbb.gif" />
                  
               </td>
               
               <td>
                  <img src="bbq.gif" />
                  
               </td>
               
               <td>
                  <img src="wbk.gif" />
                  
               </td>
               
               <td>
                  <img src="bbb.gif" />
                  
               </td>
               
               <td>
                  <img src="wbn.gif" />
                  
               </td>
               
               <td>
                  <img src="bbr.gif" />
                  
               </td>
               
            </tr>
            
         </table>
      </div>
      <hr class="bottom" />
      <table class="navbar" cellspacing="0" cellpadding="0" width="97%" summary="footer">
         <tr valign="bottom">
            <td>
               <p class="author">Max Froumentin, W3C</p>
            </td>
            <td>
               <p class="index">11 of 23</p>
            </td>
            <td valign="top">
               <div><a rel="previous" href="slide10.xml" accesskey="P"><img src="./left.gif" width="32" height="32" alt=" previous" title="Back to &#34;ChessGML to readable text (or audio devices)&#34;" /></a><a rel="contents" href="Overview.xml" accesskey="C"><img src="./toc.png" width="32" height="32" alt=" contents" title="Table of Contents" /></a><a rel="next" href="slide12.xml" accesskey="N"><img src="./right.gif" width="32" height="32" alt=" next" title="On to &#34;ChessGML to SVG &#34;" /></a></div>
            </td>
         </tr>
      </table>
   </body>
</html>