home *** CD-ROM | disk | FTP | other *** search
/ GameStar 2005 May / Gamestar_73_2005-05_dvd.iso / Programy / amaya / amaya-WinXP-9.1.exe / doc / WX / Math.html < prev    next >
Encoding:
Extensible Markup Language  |  2005-02-23  |  19.1 KB  |  580 lines
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <?xml-stylesheet type="text/xsl" href="pmathml.xsl"?>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  4.        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  8.   <title>Editing Mathematics in Amaya</title>
  9.   <link href="style.css" rel="stylesheet" type="text/css" />
  10.   <style type="text/css">
  11.   </style>
  12. </head>
  13.  
  14. <body xml:lang="en" lang="en">
  15.  
  16. <div>
  17. <img alt="Amaya" src="../../resources/icons/22x22/logo.png" class="logo" />
  18.  
  19. <p class="nav"><a href="ImageMaps.html" accesskey="p"><img alt="previous"
  20. src="../../resources/icons/misc/left.png" /></a> <a href="Manual.html"
  21. accesskey="t"><img alt="top" src="../../resources/icons/misc/up.png" /></a>
  22. <a href="SVG.html" accesskey="n"><img alt="next"
  23. src="../../resources/icons/misc/right.png" /></a></p>
  24. </div>
  25.  
  26. <div class="toc">
  27. <ul>
  28.   <li><a href="#Editing">Editing Mathematics</a>
  29.     <ul>
  30.       <li><a href="#Entering">Entering Math Constructs using the
  31.       Keyboard</a></li>
  32.       <li><a href="#Creating">Creating a New Formula</a></li>
  33.       <li><a href="#Math">Math Menus and Palette Commands</a></li>
  34.       <li><a href="#Entering1">Entering Math Characters</a></li>
  35.       <li><a href="#Spacing">Spacing</a></li>
  36.       <li><a href="#Bracket">Bracket size</a></li>
  37.       <li><a href="#Special">Special Characters</a></li>
  38.       <li><a href="#Changing">Changing the Expression Structure</a></li>
  39.       <li><a href="#Viewing">Viewing Structure in MathML</a></li>
  40.       <li><a href="#Linking">Linking in MathML</a></li>
  41.       <li><a href="#Known">Known Issues With MathML</a></li>
  42.     </ul>
  43.   </li>
  44. </ul>
  45. </div>
  46.  
  47. <div id="page_body">
  48. <h2 id="Editing">Editing Mathematics</h2>
  49.  
  50. <p>Amaya enables you to include mathematical expressions in web pages, using
  51. the Mathematical Markup Language (<a
  52. href="http://www.w3.org/TR/MathML2/">MathML</a>) specification.</p>
  53.  
  54. <p>Mathematical expressions are handled as structured components, in the same
  55. way as HTML elements. Therefore, you can manipulate math expressions in the
  56. same way you manipulate other parts of HTML documents. All editing commands
  57. provided by Amaya for handling text are also available for math. In addition,
  58. there are some other controls for entering mathematical constructs.</p>
  59.  
  60. <h3 id="Entering">Entering Math Constructs using the Keyboard</h3>
  61.  
  62. <p>You are not required to use the menus or the Math palette to create and
  63. edit mathematical expressions. You can enter mathematical constructs directly
  64. from the keyboard because each item in the Math menus has a keyboard
  65. equivalent. These shortcuts are listed on the menu and in the table below.</p>
  66.  
  67. <p>You can also use the keyboard arrow keys to move the insertion point from
  68. one math construct to another. The right and left arrows move the insertion
  69. point according to the structure of the mathematical expression. For example,
  70. in a fraction when the insertion point is at the end of a numerator, the
  71. right arrow key moves the insertion point to the beginning of the
  72. denominator.</p>
  73.  
  74. <table border="1">
  75.   <tbody>
  76.     <tr>
  77.       <th>Action</th>
  78.       <th>Shortcut</th>
  79.     </tr>
  80.     <tr>
  81.       <td>New formula (math)</td>
  82.       <td>Ctrl-m Ctrl-m</td>
  83.     </tr>
  84.     <tr>
  85.       <td>Plain text (mtext)</td>
  86.       <td>Ctrl-m Ctrl-x</td>
  87.     </tr>
  88.     <tr>
  89.       <td>Identifier (mi)</td>
  90.       <td>Ctrl-m Ctrl-d</td>
  91.     </tr>
  92.     <tr>
  93.       <td>Number (mn)</td>
  94.       <td>Ctrl-m Ctrl-n</td>
  95.     </tr>
  96.     <tr>
  97.       <td>Operator (mo)</td>
  98.       <td>Ctrl-m Ctrl-g</td>
  99.     </tr>
  100.     <tr>
  101.       <td>Space (mspace)</td>
  102.       <td>Ctrl-m Ctrl-Space</td>
  103.     </tr>
  104.     <tr>
  105.       <td>Character (&xxx;)</td>
  106.       <td>Ctrl-m Ctrl-e</td>
  107.     </tr>
  108.     <tr>
  109.       <td>Invisible Times</td>
  110.       <td>Ctrl-m Ctrl-i</td>
  111.     </tr>
  112.     <tr>
  113.       <td>ApplyFunction</td>
  114.       <td>Ctrl-m Ctrl-a</td>
  115.     </tr>
  116.     <tr>
  117.       <td>Root (mroot)</td>
  118.       <td>Ctrl-m Ctrl-r</td>
  119.     </tr>
  120.     <tr>
  121.       <td>Square root (msqrt)</td>
  122.       <td>Ctrl-m Ctrl-q</td>
  123.     </tr>
  124.     <tr>
  125.       <td>Enclose (menclose)</td>
  126.       <td>Ctrl-m Ctrl-c</td>
  127.     </tr>
  128.     <tr>
  129.       <td>Fraction (mfrac)</td>
  130.       <td>Ctrl-m Ctrl-f</td>
  131.     </tr>
  132.     <tr>
  133.       <td>Subscript and superscript (msubsup)</td>
  134.       <td>Ctrl-m Ctrl-b</td>
  135.     </tr>
  136.     <tr>
  137.       <td>Subscript (msub)</td>
  138.       <td>Ctrl-m Ctrl-v</td>
  139.     </tr>
  140.     <tr>
  141.       <td>Superscript (msup)</td>
  142.       <td>Ctrl-m Ctrl-6</td>
  143.     </tr>
  144.     <tr>
  145.       <td>Under and over (munderover)</td>
  146.       <td>Ctrl-m Ctrl-k</td>
  147.     </tr>
  148.     <tr>
  149.       <td>Under (munder)</td>
  150.       <td>Ctrl-m Ctrl-u</td>
  151.     </tr>
  152.     <tr>
  153.       <td>Over (mover)</td>
  154.       <td>Ctrl-m Ctrl-o</td>
  155.     </tr>
  156.     <tr>
  157.       <td>Parentheses (mrow)</td>
  158.       <td>Ctrl-m Ctrl-p</td>
  159.     </tr>
  160.     <tr>
  161.       <td>Multiscripts (mmultiscripts)</td>
  162.       <td>Ctrl-m Ctrl-s</td>
  163.     </tr>
  164.     <tr>
  165.       <td>Matrix (mtable)</td>
  166.       <td>Ctrl-m Ctrl-t</td>
  167.     </tr>
  168.   </tbody>
  169. </table>
  170.  
  171. <h3 id="Creating">Creating a New Formula</h3>
  172.  
  173. <p>To create a new mathematical expression in a document, move the mouse
  174. cursor to the position where you want to insert an expression, and then click
  175. the <strong>Math</strong> button from the Math palette, or choose <strong>New
  176. formula</strong> from the <strong>XML</strong> menu.</p>
  177.  
  178. <h3 id="Math">Math Menus and Palette Commands</h3>
  179.  
  180. <p>The <strong>XML/Basic math Elements</strong> menu contains elements which
  181. are not available from the palette. The first items include: Plain text
  182. (<code>mtext</code>), Identifier (<code>mi</code>), Number (<code>mn</code>),
  183. Operator (<code>mo</code>). These commands are used to create new elements in
  184. a mathematical expression. They can also change the type of a single element
  185. or a sequence of elements.</p>
  186.  
  187. <p>The next command, Space (<code>mspace</code>), allows you to add space in
  188. a formula. Changing the value of the <strong>width</strong> attribute for
  189. this element allows you to set the width of the space.</p>
  190.  
  191. <p id="next">The next item, Character (<code>&xxx;</code>) , enables you
  192. to enter a character that is not available on the keyboard. It displays a
  193. dialog where you have to enter the character name (for instance
  194. <code>alpha</code> for the Greek character α).</p>
  195.  
  196. <p>Commands InvisibleTimes and ApplyFunction are used to enter the
  197. corresponding invisible characters.</p>
  198.  
  199. <p>The <strong>XML/Math Constructions</strong> menu or the Math palette
  200. enable you to create new constructs within a formula. If the insertion point
  201. is not in a formula, Amaya first creates a <code>math</code> element to
  202. accept the new construct. The available constructs are:</p>
  203. <ul>
  204.   <li>Root with index, <code>mroot</code> in MathML: <math
  205.     xmlns="http://www.w3.org/1998/Math/MathML">
  206.       <mroot>
  207.         <mrow>
  208.           <mi>x</mi>
  209.           <mspace width=".2em"/>
  210.           <mo>+</mo>
  211.           <mn>1</mn>
  212.         </mrow>
  213.         <mn>3</mn>
  214.       </mroot>
  215.     </math></li>
  216.   <li>Square root, <code>msqrt</code>: <math
  217.     xmlns="http://www.w3.org/1998/Math/MathML">
  218.       <msqrt>
  219.         <mrow>
  220.           <mi>x</mi>
  221.           <mo>+</mo>
  222.           <mn>1</mn>
  223.         </mrow>
  224.       </msqrt>
  225.     </math></li>
  226.   <li>Enclose, <code>menclose</code>: <math
  227.     xmlns="http://www.w3.org/1998/Math/MathML">
  228.       <menclose>
  229.         <mn>1234</mn>
  230.       </menclose>
  231.     </math></li>
  232.   <li>Fraction, <code>mfrac</code>: <math
  233.     xmlns="http://www.w3.org/1998/Math/MathML">
  234.       <mfrac>
  235.         <mn>1</mn>
  236.         <mrow>
  237.           <mi>x</mi>
  238.           <mo>+</mo>
  239.           <mn>1</mn>
  240.         </mrow>
  241.       </mfrac>
  242.     </math></li>
  243.   <li>Expression with subscript and superscript, <code>msubsup</code>: <math
  244.     xmlns="http://www.w3.org/1998/Math/MathML">
  245.       <msubsup>
  246.         <mi>x</mi>
  247.         <mrow>
  248.           <mi>i</mi>
  249.           <mo>+</mo>
  250.           <mn>1</mn>
  251.         </mrow>
  252.         <mi>n</mi>
  253.       </msubsup>
  254.     </math>or <math xmlns="http://www.w3.org/1998/Math/MathML">
  255.       <mrow>
  256.         <msubsup>
  257.           <mo largeop="true">∫</mo>
  258.           <mn>0</mn>
  259.           <mo>∞</mo>
  260.         </msubsup>
  261.         <mo> </mo>
  262.       </mrow>
  263.     </math></li>
  264.   <li>Expression with a subscript, <code>msub</code>: <math
  265.     xmlns="http://www.w3.org/1998/Math/MathML">
  266.       <msub>
  267.         <mi>x</mi>
  268.         <mi>i</mi>
  269.       </msub>
  270.     </math></li>
  271.   <li>Expression with a superscript, <code>msup</code>: <math
  272.     xmlns="http://www.w3.org/1998/Math/MathML">
  273.       <msup>
  274.         <mi>x</mi>
  275.         <mi>n</mi>
  276.       </msup>
  277.     </math></li>
  278.   <li>Expression with under- and overscript, <code>munderover</code>: <math
  279.     xmlns="http://www.w3.org/1998/Math/MathML">
  280.       <munderover>
  281.         <mo movablelimits="false">∑</mo>
  282.         <mrow>
  283.           <mi>i</mi>
  284.           <mo>=</mo>
  285.           <mn>1</mn>
  286.         </mrow>
  287.         <mi>n</mi>
  288.       </munderover>
  289.     </math></li>
  290.   <li>Expression with underscript, <code>munder</code>: <math
  291.     xmlns="http://www.w3.org/1998/Math/MathML">
  292.       <munder>
  293.         <mi>x</mi>
  294.         <mo>»</mo>
  295.       </munder>
  296.     </math></li>
  297.   <li>Expression with overscript, <code>mover</code>: <math
  298.     xmlns="http://www.w3.org/1998/Math/MathML">
  299.       <mrow>
  300.         <mi>x</mi>
  301.         <mover>
  302.           <mo>→</mo>
  303.           <mtext>maps to</mtext>
  304.         </mover>
  305.         <mi>y</mi>
  306.       </mrow>
  307.     </math></li>
  308.   <li>Expression within parentheses, <code>mrow</code>: <math
  309.     xmlns="http://www.w3.org/1998/Math/MathML">
  310.       <mrow>
  311.         <mo fence="true">(</mo>
  312.         <mrow>
  313.           <mi>a</mi>
  314.           <mo>+</mo>
  315.           <mi>b</mi>
  316.         </mrow>
  317.         <mo fence="true">)</mo>
  318.       </mrow>
  319.     </math></li>
  320.   <li>Expression with prescripts and tensor indices,
  321.     <code>mmultiscripts</code>: <math
  322.     xmlns="http://www.w3.org/1998/Math/MathML">
  323.       <mmultiscripts>
  324.         <mi>X</mi>
  325.         <mi>i</mi>
  326.         <mi>j</mi>
  327.         <mprescripts/>
  328.         <mi>k</mi>
  329.         <mi>l</mi>
  330.       </mmultiscripts>
  331.     </math></li>
  332. </ul>
  333.  
  334. <p>The <strong>XML/Matrices</strong> menu allows you to create and edit
  335. matrices:</p>
  336. <ul>
  337.   <li>Matrix or table, <code>mtable</code>: <math
  338.     xmlns="http://www.w3.org/1998/Math/MathML">
  339.       <mtable>
  340.         <mtr>
  341.           <mtd>
  342.             <mi>a</mi>
  343.           </mtd>
  344.           <mtd>
  345.             <mi>b</mi>
  346.           </mtd>
  347.         </mtr>
  348.         <mtr>
  349.           <mtd>
  350.             <mi>c</mi>
  351.           </mtd>
  352.           <mtd>
  353.             <mi>d</mi>
  354.           </mtd>
  355.         </mtr>
  356.       </mtable>
  357.     </math></li>
  358. </ul>
  359.  
  360. <p>You can create a matrix with the first command of this menu or with the
  361. corresponding button from the Math palette. You must then choose the number
  362. of lines and columns in the new matrix through a dialog that pops up. You can
  363. manipulate a matrix like a <a href="Tables.html">HTML table</a> through the
  364. commands available from the <strong>XML/Matrices</strong> menu.</p>
  365.  
  366. <h3 id="Entering1">Entering Math Characters</h3>
  367.  
  368. <p>When you type a character string in a MathML element, Amaya parses the
  369. string and automatically generates the elements <span class="code"><span
  370. style="font-size:11.0pt;font-family:"Courier New";">mo</span></span>
  371. (operator), <span class="code"><span
  372. style="font-size:11.0pt;font-family:"Courier New";">mn</span></span>
  373. (number), <span class="code"><span
  374. style="font-size:11.0pt;font-family:"Courier New";">mi</span></span>
  375. (identifier), and <span class="code"><span
  376. style="font-size:11.0pt;font-family:"Courier New";">mtext</span></span>.</p>
  377.  
  378. <p>For example, to enter the formula <math
  379. xmlns="http://www.w3.org/1998/Math/MathML">
  380.   <mrow>
  381.     <mi>x</mi>
  382.     <mo>=</mo>
  383.     <mn>2</mn>
  384.     <mi>a</mi>
  385.     <mo>+</mo>
  386.     <mi>b</mi>
  387.   </mrow>
  388. </math></p>
  389. <ol>
  390.   <li>If you are not in a mathematical expression, choose <strong>XML/New
  391.     formula (math)</strong>.
  392.     <p></p>
  393.   </li>
  394.   <li>Type this sequence of 6 characters: <code>x=2a+b</code></li>
  395. </ol>
  396.  
  397. <p>Use the Structure or Source view to display the following structure
  398. generated by Amaya:</p>
  399.  
  400. <p><code><mi>x</mi><mo>=</mo><mn>2</mn><mi>a</mi><mo>+</mo><mi>b</mi></code></p>
  401.  
  402. <p>If the result is not exactly what you want, select the characters that
  403. were misinterpreted and change their type with one of the commands such as
  404. Plain text (<code>mtext</code>), Identifier (<code>mi</code>), Number
  405. (<code>mn</code>), Operator (<code>mo</code>) or Space (<code>mspace</code>)
  406. from the <strong>Basic math elements</strong> submenu of the
  407. <strong>XML</strong> menu.</p>
  408.  
  409. <h3 id="Spacing">Spacing</h3>
  410.  
  411. <p>Amaya takes care of spacing within math expressions, but in some cases you
  412. may need to add some additional space. Move the cursor to the position where
  413. you want to insert space and choose <strong>Basic math elements/Space
  414. (mspace)</strong> from the <strong>XML</strong> menu. This creates a default
  415. horizontal space. You can then change its <strong>width</strong> attribute to
  416. adjust its size or you can add other attributes (height, depth, linebreak) to
  417. change vertical spacing. Refer to the <a
  418. href="http://www.w3.org/TR/MathML2/chapter3.html#N9197">MathML
  419. specification</a> for more details.</p>
  420.  
  421. <h3 id="Bracket">Bracket size</h3>
  422.  
  423. <p>When entering brackets as in the following expression:</p>
  424.  
  425. <p><math xmlns="http://www.w3.org/1998/Math/MathML">
  426.   <mi>f</mi>
  427.   <mrow>
  428.     <mo>(</mo>
  429.     <mi>x</mi>
  430.     <mo>)</mo>
  431.   </mrow>
  432.   <mo>=</mo>
  433.   <mfrac>
  434.     <mn>1</mn>
  435.     <mi>x</mi>
  436.   </mfrac>
  437. </math></p>
  438.  
  439. <p>typing the sequence <code>f(x)=</code> would lead to:</p>
  440.  
  441. <p><math xmlns="http://www.w3.org/1998/Math/MathML">
  442.   <mi>f</mi>
  443.   <mo>(</mo>
  444.   <mi>x</mi>
  445.   <mo>)</mo>
  446.   <mo>=</mo>
  447.   <mfrac>
  448.     <mn>1</mn>
  449.     <mi>x</mi>
  450.   </mfrac>
  451. </math></p>
  452.  
  453. <p>Instead, choose <strong>Math Constructs/Parentheses</strong> from the
  454. <strong>XML</strong> menu or select the Parentheses option on the Maths
  455. palette to enter the parentheses properly.</p>
  456.  
  457. <h3 id="Special">Special Characters</h3>
  458.  
  459. <p>You can use the <strong><a href="#next">Character</a></strong> command
  460. from the <strong>XML/Basic Math Elements</strong> menu to enter mathematical
  461. characters and symbols that are not available on the keyboard. You can also
  462. use the <strong>Special Characters</strong> palette. The first two rows of
  463. buttons allow you to choose a group of characters, which are then available
  464. in the pull down below. Choose a character in the list and insert it in the
  465. formula by clicking the insertion button</p>
  466.  
  467. <h3 id="Changing">Changing the Expression Structure</h3>
  468.  
  469. <p>You may want to change the structure of an existing expression, such as
  470. appending a superscript, putting parentheses around an expression, or turning
  471. an expression into the numerator of a fraction. To do that, select the
  472. expression and enter the new construct with the palette, the <strong>XML/Math
  473. Constructs</strong> menu or the keyboard.</p>
  474.  
  475. <p>You can also use <strong>Transform</strong> on the <strong>Edit</strong>
  476. menu. Select the expression you want to transform and
  477. <strong>Transform</strong> will display a menu with all possible changes.</p>
  478.  
  479. <h3 id="Viewing">Viewing Structure in MathML</h3>
  480.  
  481. <p>MathML structure in a document can be viewed by choosing <strong>Show
  482. Structure</strong> from the <strong>Views</strong> menu. Choosing this option
  483. opens the Structure view, which reveals the main structure of the document,
  484. the math elements, and their contents.</p>
  485.  
  486. <p>Math expressions can be edited in the main view or in the Structure
  487. view.</p>
  488.  
  489. <p>The Structure view is especially helpful to avoid ambiguity. For example,
  490. in the equation below, placing the cursor after characterô <math
  491. xmlns="http://www.w3.org/1998/Math/MathML">
  492.   <mi>b</mi>
  493. </math>,ö it is not clear whether you wish to add something within the square
  494. root or after it.</p>
  495.  
  496. <p><math xmlns="http://www.w3.org/1998/Math/MathML">
  497.   <mi>x</mi>
  498.   <mo>=</mo>
  499.   <msqrt>
  500.     <mi>a</mi>
  501.     <mo>+</mo>
  502.     <mi>b</mi>
  503.   </msqrt>
  504.   <mo>+</mo>
  505.   <mn>1</mn>
  506. </math></p>
  507.  
  508. <p>Selecting (or checking) in the Structure view avoids any misselections.
  509. You can also check the status line at the bottom of the main window.</p>
  510.  
  511. <h3 id="Linking">Linking in MathML</h3>
  512.  
  513. <p>You can create and use links in mathematical expressions. These links are
  514. represented using the XML Linking Language (XLink). Only simple
  515. unidirectional hyperlinks are available in Amaya, but you can associate a
  516. link with any part of a formula. For example, the fraction in the formula
  517. below is a link to the W3C home page:</p>
  518.  
  519. <p><math xmlns="http://www.w3.org/1998/Math/MathML">
  520.   <mrow>
  521.     <mi>y</mi>
  522.     <mo>=</mo>
  523.     <mfrac xmlns:xlink="http://www.w3.org/1999/xlink"
  524.     xlink:href="http://www.w3.org/">
  525.       <mn>1</mn>
  526.       <msqrt>
  527.         <mrow>
  528.           <msup>
  529.             <mi>x</mi>
  530.             <mn>2</mn>
  531.           </msup>
  532.           <mo>+</mo>
  533.           <mn>1</mn>
  534.         </mrow>
  535.       </msqrt>
  536.     </mfrac>
  537.   </mrow>
  538. </math></p>
  539.  
  540. <p>Double-clicking or right-clicking any character within the fraction loads
  541. the W3C home page.</p>
  542.  
  543. <p>To create such a link, select a math expression (the fraction in the above
  544. example, for instance by clicking on the fraction bar), click the
  545. <strong>Link</strong> button from the XHTML palette (or choose <strong>Create
  546. or change link</strong> from the <strong>Links</strong> menu), and click the
  547. desired target.</p>
  548.  
  549. <p>If the target is an expression in a formula, you must first turn the
  550. expression into a target. Select the expression and choose <strong>Create
  551. target</strong> from the <strong>Links</strong> menu to create an
  552. <code>id</code> attribute for the target expression.</p>
  553.  
  554. <h3 id="Known">Known Issues With MathML</h3>
  555.  
  556. <p>The following are known Amaya MathML issues:</p>
  557. <ul>
  558.   <li>Amaya implements only the Presentation Tags from MathML 2.0, not the
  559.     Content Markup. All presentation elements and attributes are available,
  560.     but only the following attributes are rendered on the screen:
  561.     <p><code>display, alttext, mathvariant, mathsize, mathcolor,
  562.     mathbackground, fontsize, fontweight, fontstyle, fontfamily, color,
  563.     linethickness, numalign, denomalign, bevelled, notation, lquote, rquote,
  564.     lspace, rspace, largeop, movablelimits, subscriptshift, superscriptshift,
  565.     form, width</code>(mspace only), <code>height</code> (mspace only),
  566.     <code>depth</code> (mspace only), <code>align, rowalign, columnalign,
  567.     frame, framespacing, displaystyle, side, rowspan, columnspan, rowspacing,
  568.     columnspacing, rowlines, columnlines</code>.</p>
  569.   </li>
  570.   <li><span><span>The <code>class</code>, <code>id</code>, and
  571.     <code>style</code> attributes are available, with the same semantics as
  572.     in HTML: you can associate CSS styles with MathML elements
  573.     (<code>class</code> and <code>style</code> attributes) and a MathML
  574.     element can be the target of a link (<code>id</code>
  575.     attribute).</span></span></li>
  576. </ul>
  577. </div>
  578. </body>
  579. </html>
  580.