<?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>From one to the other</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="slide5.xml" title="Next" />
      <link rel="previous" href="slide3.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>From one to the other</h2>
      </h1>
      <hr class="top" />
      <div>
         <p>In order to make data available on the Web, one can use HTML:</p><pre>&lt;html&gt;
  &lt;head&gt;&lt;title&gt;CD stocks&lt;/title&gt;&lt;/head&gt;
  &lt;body&gt;
    &lt;h3&gt;CD stocks&lt;/h3&gt;
    &lt;table&gt;
      &lt;tr&gt;&lt;th&gt;Artist&lt;/th&gt;&lt;th&gt;Title&lt;/th&gt;&lt;th&gt;Price&lt;/th&gt;&lt;th&gt;In-store&lt;/th&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Supertramp&lt;/td&gt;&lt;td&gt;Even in The Quietest Moments...&lt;/td&gt;&lt;td&gt;12.99 EUR&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Runrig&lt;/td&gt;&lt;td&gt;The Big Wheel&lt;/td&gt;&lt;td&gt;5.99 EUR&lt;/td&gt;&lt;td&gt;12&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Queen&lt;/td&gt;&lt;td&gt;The Miracle&lt;/td&gt;&lt;td&gt;5.99 EUR&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;&lt;/tr&gt;
    &lt;/table&gt;
  &lt;/body&gt;
&lt;/html&gt;</pre><div class="example">
            	  
            <table style="border: inset">
               	      
               <tr>
                  <th>Artist</th>
                  <th>Title</th>
                  <th>Price</th>
                  <th>In-store</th>
               </tr>
               	      
               <tr>
                  <td style="border: inset">Supertramp</td>
                  <td style="border: inset">Even in The Quietest Moments...</td>
                  <td style="border: inset">12.99 EUR</td>
                  <td style="border: inset">4</td>
               </tr>
               	      
               <tr>
                  <td style="border: inset">Runrig</td>
                  <td style="border: inset">The Big Wheel</td>
                  <td style="border: inset">5.99 EUR</td>
                  <td style="border: inset">12</td>
               </tr>
               	      
               <tr>
                  <td style="border: inset">Queen</td>
                  <td style="border: inset">The Miracle</td>
                  <td style="border: inset">5.99 EUR</td>
                  <td style="border: inset">1</td>
               </tr>
               	  
            </table>
            	
         </div>
         <p>Or one can design custom XML markup</p><pre>&lt;inventory date="2002-03-23"&gt;
  &lt;title&gt;CD stocks&lt;/title&gt;
  &lt;record in-store="4"&gt;
    &lt;artist&gt;Supertramp&lt;/artist&gt;
    &lt;title&gt;Even in The Quietest Moments...&lt;/title&gt;
    &lt;price unit="EUR"&gt;12.99&lt;/pre&gt;
  &lt;/record&gt;

  &lt;record in-store="12"&gt;
    &lt;artist&gt;Runrig&lt;/artist&gt;
    &lt;title&gt;The Big Wheel&lt;/title&gt;
    &lt;price unit="EUR"&gt;5.99&lt;/pre&gt;
  &lt;/record&gt;

  &lt;record in-store="1"&gt;
    &lt;artist&gt;Queen&lt;/artist&gt;
    &lt;title&gt;The Miracle&lt;/title&gt;
    &lt;price unit="EUR"&gt;5.99&lt;/pre&gt;
  &lt;/record&gt;</pre></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">4 of 23</p>
            </td>
            <td valign="top">
               <div><a rel="previous" href="slide3.xml" accesskey="P"><img src="./left.gif" width="32" height="32" alt=" previous" title="Back to &#34;XML Formats: custom&#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="slide5.xml" accesskey="N"><img src="./right.gif" width="32" height="32" alt=" next" title="On to &#34;Display your data using XSLT&#34;" /></a></div>
            </td>
         </tr>
      </table>
   </body>
</html>