home *** CD-ROM | disk | FTP | other *** search
/ PC World 2004 July & August / PCWorld_2004-07-08_cd.bin / novinky / interval / clanek07.htm < prev    next >
Encoding:
Extensible Markup Language  |  2004-06-08  |  17.8 KB  |  190 lines

  1. <?xml version='1.0' encoding='windows-1250'?>
  2. <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
  3. <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='cs' lang='cs'>
  4. <head>
  5. <meta http-equiv='Content-Type' content='text/html; charset=windows-1250' />
  6. <meta http-equiv='Content-language' content='cs' />
  7. <meta http-equiv='Cache-control' content='no-cache' />
  8. <meta http-equiv='Pragma' content='no-cache' />
  9. <meta http-equiv='Expires' content='0' />
  10. <meta name='robots' content='index, follow' />
  11. <meta name='googlebot' content='index, follow, noarchive' />
  12. <meta name='description' content='Interval.cz - Internetov² magazφn o webdesignu, v²voji webov²ch aplikacφ a e-komerci. VÜe podstatnΘ o technologiφch XHTML, HTML, CSS, DHTML, JavaScript, XML, .NET, ASP, PHP, Java, J2ME, SQL, WAP...' />
  13. <meta name='keywords' content='Interval' />
  14. <meta http-equiv='imagetoolbar' content='no' />
  15. <meta http-equiv='MSThemeCompatible' content='no' />
  16. <meta name='MSSmartTagsPreventParsing' content='true' />
  17. <meta name='ICBM' content='49.1915, 16.626' />
  18. <meta name='DC.Title' content='Interval.cz' />
  19. <meta name='DC.Identifier' content='http://interval.cz' />
  20. <meta name='DC.Language' content='cs' />
  21. <link rel='alternate' type='text/xml' title='RSS' href='http://interval.cz/__rss/rss.asp' />
  22. <link rel='shortcut icon' href='favicon.ico' />
  23. <link rel='home' href='http://interval.cz' />
  24. <link rel='search' href='http://interval.cz/search_ex.asp' />
  25. <link rel='stylesheet' type='text/css' media='all' href='__services/styles/html4.css' />
  26. <link rel='stylesheet' type='text/css' media='all' href='__services/styles/basic_all.css' />
  27. <link rel='stylesheet' type='text/css' media='all' href='__services/styles/homepage_all.css' />
  28. <link rel='stylesheet' type='text/css' media='all' href='__services/styles/articles_all.css' />
  29. <link rel='stylesheet' type='text/css' media='print' href='__services/styles/articles_print.css' />
  30. <title>Interval.cz - denn∞ o tvorb∞ webu a e-komerci</title>
  31. </head>
  32. <body class='interval interval-articles'>
  33. <div id='page-header'><div id='interval-logo'><h1 title='Interval.cz - denn∞ o tvorb∞ webu a e-komerci (logo & index link)'><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz'>Interval.cz<span></span></a></h1></div><div id='advertising-page-header'></div><div class='page-maker'> </div></div>
  34. <div id='page-topmenu'><h2 class='textversion'>Navigace</h2><div id='page-mainmenu'><h3 class='textversion'>Hlavnφ menu</h3><ul><li class='first selected'><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz'>Titulnφ strana</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz?idcategory=14'>Webdesign</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz?idcategory=15'>V²voj aplikacφ</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz?idcategory=18'>E-komerce</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz?idcategory=17'>Nßstroje</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz?idcategory=16'>Magazφn</a></li><li class='right selected'><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.inshop.cz'>Knihkupectvφ</a></li><li class='right'><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interforum.interval.cz'>Interforum</a></li></ul></div><div id='page-mainmenu-maker'> </div></div>
  35. <div id='page-body'><div id='page-left'><div id='article'>
  36.  
  37.  
  38.  
  39. <h2>Podpora MathML v prohlφ₧eΦφch a editorech</h2>
  40. <p id='prepend'>Po zve°ejn∞nφ mΘho p°edchozφho Φlßnku o MathML se °ada Φtenß°∙ dotazovala, jak je to s podporou tohoto znaΦkovacφho jazyka v r∙zn²ch programech a jeho reßlnou pou₧itelnostφ. V tomto Φlßnku vßm tedy p°edklßdßm pr∙°ez aktußlnφ situacφ - ₧ßdnß slßva to ale nenφ.</p>
  41.  
  42.  
  43.     <p>Tak jako v∞tÜina technologiφ zalo₧en²ch na XML, nez∙stßvß ani MathML urΦeno pouze pro internet a s nφm spojenΘ prohlφ₧eΦe. <a href='http://www.w3.org/Math/iandi/'>MathML</a> je mo₧nΘ zpracovßvat v nep°ebernΘm mno₧stvφ matematick²ch program∙. Programy a aplikace, kter²mi se budeme zab²vat, rozd∞lφm do n∞kolika kategoriφ:</p>
  44.  
  45. <div class='sample'>
  46. <ul>
  47. <li>InternetovΘ prohlφ₧eΦe (Microsoft Internet Explorer, Mozilla, Opera...)</li>
  48. <li>Plug-iny do prohlφ₧eΦ∙ (zßsuvnΘ moduly)</li>
  49. <li>Editory MathML (matematickΘ programy jejich₧ v²stupem m∙₧e b²t prßv∞ MathML)</li>
  50. </ul>
  51. </div>
  52.  
  53. <p>N∞komu se m∙₧e zdßt takovΘ rozd∞lenφ pon∞kud divnΘ a je pravda, ₧e nelze ka₧d² program takto rozÜkatulkovat, ale alespo≥ trochu nßm to usnadnφ prßci.</p>
  54.  
  55. <h3>Podpora v prohlφ₧eΦφch</h3>
  56. <p>Podpora MathML v prohlφ₧eΦφch je nadmφru nedostateΦnß (ostatn∞ stejn∞ jako podpora mnoha jin²ch technologiφ). NejlΘpe si vede <a href='http://www.w3.org/Amaya/'>Amaya</a> (testovacφ prohlφ₧eΦ W3C), kterß umo₧≥uje zobrazenφ i editaci vzorce. Pom∞rn∞ sluÜn∞ si stojφ Mozilla, kterß MathML podporuje, leΦ s n∞jak²mi t∞mi chybkami. Internet Explorer ani Opera nepodporujφ MathML v∙bec, i kdy₧ tato "neuspokojivß" situace by se m∞la postupem Φasu zm∞nit k lepÜφmu. Bohu₧el, co m∙₧eme oΦekßvat od nejrozÜφ°en∞jÜφho prohlφ₧eΦe (MSIE6) za zßzraky, kdy₧ je t°i roky star²? Microsoft sßm <a href='http://www.microsoft.com/presspass/press/2003/dec03/12-16MathHelpPR.asp'>popisuje °eÜenφ</a> podpory MathML v odpov∞di na dopisy od u₧ivatel∙ a doporuΦuje plug-iny, o kter²ch bude °eΦ pozd∞ji. Co se t²Φe Opery, podpora asi v∙bec neexistuje, alespo≥ na webov²ch strßnkßch <a href='http://www.opera.com'>Opery</a> nenajdete jedinou zmφnku o MathML.</p>
  57.  
  58. <h3>Plug-iny do prohlφ₧eΦ∙</h3>
  59. <p>Prohlφ₧eΦe samotnΘ je mo₧nΘ doplnit o plug-iny (podp∙rnΘ programy), kterΘ umo₧nφ prost°ednictvφm prohlφ₧eΦe vzorec korektn∞ zobrazit. Asi nejznßm∞jÜφ a nejkvalitn∞jÜφ je <strong>TechExplorer HyperMedia Browser</strong>, p∙vodn∞ od IBM, nynφ vyvφjen firmou <a href='http://www.integretechpub.com'>Integre</a>, kter² umo₧≥uje zobrazit MathML a Tex v Microsoft Internet Exploreru a Netscape. Zobrazenφ probφhß pomocφ elementu <code>embed</code>. Pomocφ MathML by zßpis vzorce X<sup>2</sup> vypadal nßsledovn∞:</p>
  60.  
  61. <div class='sample'>
  62. <embed type="text/mathml" mmldata="
  63. <br /><math>
  64. <br />  <semantics>
  65. <br />    <mrow>
  66. <br />      <msup>
  67. <br />        <mi>X</mi>
  68. <br />        <mn>2</mn>
  69. <br />      </msup>
  70. <br />    </mrow>
  71. <br />   <annotation encoding='MathType-MTEF'>
  72. <br />  </annotation>
  73. <br />  </semantics>
  74. <br /></math>">
  75. </div>
  76.  
  77. <p>Pomocφ TeXu by zßpis stejnΘho vzorce vypadal takto:</p>
  78.  
  79. <div class='sample'>
  80. <embed type="application/x-techexplorer" textdata="$$X^2 $$" >
  81. </div>
  82.  
  83. <p>Jinou mo₧nostφ m∙₧e b²t <strong><a href='http://www.mathtype.com'>MathPlayer</a></strong>, urΦen² pouze pro Microsoft Internet Explorer 5.5 a vyÜÜφ. Velk²m plusem pro tento plug-in je cena - zdarma. Umo₧≥uje zobrazenφ MathML 2.0. Jen₧e ani tento plug-in nepodporuje "p°φmΘ" zobrazenφ MathML, kdy v souboru HTML, XHTML nebo XML je Φßst k≤du MathML ohraniΦenß elementem <code>math</code>. V HTML dokumentu je nutnΘ doplnit element <code>html</code>...</p>
  84.  
  85. <div class='sample'>
  86. < html xmlns:m="http://www.w3.org/1998/Math/MathML">
  87. </div>
  88.  
  89. <p>...do hlaviΦky vlo₧it objekt...</p>
  90.  
  91. <div class='sample'>
  92. <object id="MathPlayer" classid="clsid:32F66A20-7614-11D4-BD11-00104BD3F987"
  93. <br />codebase="http://www.dessci.com/dl/mathplayer.cab"
  94. <br /></object>
  95. <br /><?import namespace="m" implementatio="#MathPlayer" >
  96. </div>
  97.  
  98. <p>...a pak u₧ jen zdrojov² k≤d MathML, ve kterΘm je nutnΘ vÜechny znaΦky doplnit o jmennou prostoru m (<samp><m:mn>9</m:mn></samp>). Jak vidno, jednoduchΘmu MathML se mφlov²mi kroky vzdalujeme.</p>
  99. <p>Do t°etice p°idßm plug-in od HP, prezentovan² na strßnkßch W3C, <strong><a href='http://www.w3.org/People/Raggett/Ezmath/'>HP EzMath</a></strong>, jeho₧ pou₧itφ je takΘ znaΦn∞ "nadp°irozenΘ". SouΦßstφ archivnφho balφΦku (asi 137 kB) je plug-in, pou₧iteln² pro Microsoft Internet Eplorer i Mozillu, a editor EzMat, kter² je velmi jednoduch² a prßce s nφm nenφ nijak obtφ₧nß. V²sledkem tohoto editoru je op∞t element <code>embed</code> a vzorec je prezentovßn jako text atributu "alt".</p>
  100.  
  101. <div class='sample'>
  102. <embed type="text/ezmath" pluginspage="http://www.w3.org/People/Raggett/EzMath" alt="X^2">
  103. </div>
  104.  
  105. <p>P°φbuznost EzMathu s MathML je dost vzdßlenß, editor sice umo₧≥uje export do MathML, ale u₧ nezajiÜ¥uje podporu v prohlφ₧eΦi.</p>
  106.  
  107. <div class='image'><img src='podklady/grimmich/858/EzMath.png' alt='EzMath Editor' title='EzMath Editor' /></div>
  108.  
  109. <h3>Editory MathML</h3>
  110. <p>MathML je u₧ podporovßno ve v∞tÜin∞ velk²ch matematick²ch systΘm∙. V systΘmu <strong><a href='http://www.wolfram.com'>MATEMATICA</a></strong> je podpora zajiÜt∞na od verze 4.0, tato podpora znamenß mo₧nost importu MathML i exportu. Rovn∞₧ <strong><a href='http://www.maplesoft.com'>Maple</a></strong> p°istoupil k podpo°e MathML ve verzi 7. Tyto systΘmy umo₧≥ujφ v²poΦty na mnohem vyÜÜφ ·rovni ne₧ t°eba Excel, jsou urΦeny profesionßl∙m a tomu odpovφdß i jejich vysokß cena. K dispozici nejsou ani zkuÜebnφ verze aktußlnφch vydßnφ.</p>
  111. <p>Velmi poveden²m editorem rovnic je <strong><a href='http://www.mathtype.com'>MathType 5</a></strong>, kter² je navφc k dispozici zdarma po dobu t°iceti dnφ. Verze 3 je souΦßstφ sady Microsoft Office, kde vystupuje jako Equation Editor (ve verzi 4 jde u₧ o MathType). V Excelu a Wordu umo₧≥uje Equation Editor export do GIFu nebo do VML (<a href='http://interval.cz/clanek.asp?article=3099' title='Grimmich, èimon: VML - Vector Markup Language'>Vector Markup Language</a>). MathType 5 umo₧≥uje vytvo°it snad jak²koli vzorec a ten nßsledn∞ ulo₧it ve formßtu Encapsulated PostScript, GIF a Windows Metafile. Dßle je mo₧n² p°eklad do TeXu a MathML (verze 1.0 i 2.0). Tento p°eklad probφhß velice jednoduÜe - kopφrovßnφm. Vzorec v MathType kopφrujeme a nßsledn∞ vklßdßme do HTML editoru (u₧ jako MathML nebo jako TeX). Tato mo₧nost se nastavuje v nabφdce <kbd class='mouse'>Preferences | Translators</kbd>. D∙le₧itß je mo₧nost exportu do GIFu, kterß je v souΦasnΘ dob∞ Φasto u₧φvanß. V nastavenφ exportu do GIFu mßme mo₧nosti barvy pozadφ, pr∙hlednosti a rozliÜenφ. Vzorec v GIFu, kter² byl vytvo°en v MathType, je mo₧nΘ zp∞tn∞ otev°φt a editovat. Obrßzky z jin²ch program∙ nenφ mo₧nΘ otev°φt.</p>
  112. <p>U₧ivatelskΘ rozhranφ je intuitivnφ a velmi se podobß Equation Editoru. Mo₧nß je a₧ p°φliÜ p°φmoΦarΘ.</p>
  113.  
  114.  
  115. <div class='image'>
  116. <img src='podklady/grimmich/858/MathType-small.png' alt='MathType 5' title='MathType 5' />
  117. <br /><span class='comment'>MathType 5 (<a href='podklady/grimmich/858/MathType.png'>plnß velikost, cca 10 kB</a>)</span>
  118. </div>
  119.  
  120. <p>NeÜikovnΘ je, ₧e MathType nepodporuje op∞tovnΘ vlo₧enφ k≤du MathML a jeho p°elo₧enφ do p∙vodnφho vzorce (to samΘ platφ o TeXu). Nedostatky postihly takΘ pole formßtovßnφ. MathType umo₧≥uje barvit a formßtovat (dle v²znamu funkce, prom∞nnß a podobn∞), styl vÜak nenφ mo₧no exportovat do MathML. To plyne nejspφÜ z pou₧φvßnφ obecnΘho formßtu XML, ale stejn∞ by mohla existovat mo₧nost exportu styl∙ do dokument∙ HTML v podob∞ CSS. Je t°eba dodat, ₧e MathType slou₧φ pouze k tvorb∞ a ·prav∞ vzorc∙, ne k vyhodnocovßnφ.</p>
  121. <p>Po nainstalovßnφ MathType 5 dojde k automatickΘmu propojenφ se sadou Microsoft Office, kde se zobrazφ nov² panel nßstroj∙ urΦen² pro tvorbu vzorc∙:</p>
  122.  
  123. <div class='image'><img src='podklady/grimmich/858/MathTypeNastroje.png' alt='Nßstrojovß liÜta' title='Nßstrojovß liÜta' /></div>
  124.  
  125. <p>S jejφ pomocφ je mo₧nΘ exportovat dokument do XHTML+MathML nebo do HTML+GIF. V nabφdce <kbd class='mouse'>Vlo₧it | Objekt</kbd> se objevφ novß polo₧ka s nßzvem MathType 5. Sice zde stßle z∙stßvß Equation Editor 3.0, avÜak po jeho spuÜt∞nφ dojde k otev°enφ MathType.</p>
  126. <p>Velmi dobr²m editorem je takΘ <strong><a href='http://www.mathtype.com'>WebEQ</a></strong>, kter² umo₧≥uje vytvß°et MathML, jak vizußln∞, tak p°φmo pomocφ zdrojovΘho k≤du. SouΦßstφ balφku je i p°ekladaΦ z WebTeXu do MathML. WebWQ je sada Java applet∙, kterß ji₧ d°φve zajiÜ¥ovala zobrazenφ vzorc∙ na webu pomocφ syntaxe vychßzejφcφ z TeXu.</p>
  127. <p>DalÜφm ji₧ mΘn∞ atraktivnφm editorem je <strong>MathML Equation Editor</strong> od ji₧ zmφn∞nΘ spoleΦnosti Integre, kter² je zdarma ve verzi 1.1.1. Prßce s nφm ji₧ v∙bec nenφ tak jednoduchß jako s MathType. V²hodou tohoto editoru je mo₧nost otevφrßnφ a uklßdßnφ soubor∙ MathML (.mml). Krom∞ MathML je jeÜt∞ zajiÜt∞na podpora Zed (p°φpona .zed).</p>
  128.  
  129. <div class='image'><img src='podklady/grimmich/858/MathMLEquationEditor.png' alt='MathML Equation Editor' title='MathML Equation Editor' /></div>
  130.  
  131. <p>Sami vidφte, jakß podpora MathML skuteΦn∞ je. Na prohlφ₧eΦe se spolΘhat nedß, plug-iny odvßd∞jφ pozornost ·pln∞ jinam a editory MathML jsou sice na vysokΘ ·rovni, ale k Φemu jsou skv∞lΘ v²sledky, kdy₧ je nenφ kde prezentovat...</p>
  132.  
  133.  
  134.  
  135. <div id='article-author'>
  136. <a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/autor.asp?author=224'>Grimmich, èimon</a> (14. 5. 2004)
  137.  
  138. </div>
  139.  
  140.  
  141.  
  142. </div></div>
  143. <div id='page-right'><h2 class='textversion'>Prav² sloupek</h2>
  144. <div id='search'><h3 class='textversion'>Vyhledßvßnφ</h3><form method='get' action='http://interval.cz/search.asp'><div><input type='text' name='hledej' class='text' /><input type='submit' class='submit' value='Najdi!' /></div></form><div><a href='http://interval.cz/search_ex.asp'>RozÜφ°enΘ vyhledßvßnφ</a></div></div>
  145.  
  146.  
  147.  
  148. <div class='page-right-box book'>
  149.     <h3>Kni₧nφ novinka</h3>
  150.     <div class='page-right-box-in'>
  151.         <div class='book-top'>
  152.             <h4><a href='http://interval.cz/__redirect/redirect.asp?what=interval_booknews&url=http://interval.inshop.cz/inshop/scripts/detail.asp?ItemID=266'>Eric Meyer o CSS - Ovlßdn∞te kaskßdovΘ styly!</a></h4>
  153.         </div>
  154.     </div>
  155.     <div class='image'>
  156.         <img src='podklady/knihy/image.jpg' alt='obßlka' title='obßlka' /></a>
  157.     </div>
  158.     <div class='book-bottom'>Cena: <span class='book-price-old'>390 KΦ</span> <span class='book-price-new'>351 KΦ</span></div>
  159. </div>
  160.  
  161.  
  162.  
  163. <div class='page-right-box reading'>
  164.     <h3>NejΦten∞jÜφ</h3>
  165.     <div class='page-right-box-in'>
  166.         <ul>
  167. <li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3380'>VyΦiÜt∞nφ tabulky z MS Wordu v MSIE JavaScriptem</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3383'>Kompletnφ pr∙vodce XSLT - °φzenφ toku transformace</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3385'>èt∞pßnka Sunkovß: Jeden za vÜechny, vÜichni za jednoho</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3379'>SMARTY - cache, WAP a bezpeΦnost</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3381'>╚eskß on-line reklama - internet a chu¥ na bagety</a></li>
  168.         </ul>
  169.     </div>
  170. </div>
  171.  
  172.  
  173.  
  174. <div class='page-right-box cauldron'>
  175.     <h3>Diskuznφ kotel</h3>
  176.     <div class='page-right-box-in'>
  177.         <ul>
  178. <li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3357' title='(57 komentß°∙)'>Se°azenφ tabulky JavaScriptem snadno a rychle</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3363' title='(29 komentß°∙)'>JavaScript, programujeme internetovΘ aplikace</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3364' title='(29 komentß°∙)'>Kam pat°φ menu</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3368' title='(20 komentß°∙)'>Eric Meyer o CSS - Ovlßdn∞te kaskßdovΘ styly!</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3380' title='(16 komentß°∙)'>VyΦiÜt∞nφ tabulky z MS Wordu v MSIE JavaScriptem</a></li>
  179.         </ul>
  180.     </div>
  181. </div>
  182.  
  183.  
  184.  
  185. <div class='page-right-box emailserv'><h3>Email servis</h3><div class='page-right-box-in'><form action='prihlaseni.asp' method='post'><div class='shell'><input class='text' type='text' name='adresa' /></div><div class='shell'><input class='radio' type='radio' value='1' name='co' checked='checked' />T²dennφ p°ehled Φlßnk∙</div><div class='shell'><input class='radio' type='radio' value='2' name='co' />HELP konference</div><div class='shell'><input class='submit' type='submit' value='P°ihlßsit' /></div></form></div></div>
  186. </div>
  187. <div class='page-maker'> </div><div class='page-maker-white'> </div></div>
  188. <div id='page-foot'><div id='page-foot-menu'><a href='http://interval.cz/reklama.asp'>Inzerce na Interval.cz</a> | <a href='http://interval.cz/redakce.asp'>Redakce Interval.cz</a> | <a href='http://interval.cz/autori.asp'>Hledßme novΘ autory</a></div><div id='issn'>ISSN 1212-8651</div><div id='page-foot-zoner'>© Zoner software, s.r.o., vÜechna prßva vyhrazena, tento server dodr₧uje <a href='http://interval.cz/privacy.asp'>prßvnφ p°edpisy</a>o ochran∞ osobnφch ·daj∙.</div></div>
  189. </body>
  190. </html>