MathML Basic Elements by Stephen Bucaro

MathML (Mathematical Markup Language), similar to HTML which is used to encode the structure and content of a webapge, is an XML dialect for encoding mathematical expressions on a webapge. MathML most basic elements are <mn>, <mi> and <mo>.

mn Use this element to specify a numeric literal.

mi Use this element to specify an identifier, for example the name of a variable.

mo Use this element to specify an operator, for example +, -, =. Brackets are also considered operators.

Examples:

<math>
  <mi>y</mi>
  <mo>+</mo>
  <mn>4</mn>
  <mo>=</mo>
  <mn>5</mn>
</math>

Most basic math expressions can be rendered with these three elements.

<math>
   <mn>2</mn>
   <mi>x</mi>
   <mo>-</mo>
   <mn>14</mn>
   <mo>+</mo>

   <mn>3</mn>
   <mo>(</mo>
   <mi>x</mi>
   <mo>+</mo>
   <mn>2</mn>
   <mo>)</mo>

   <mo>=</mo>
   <mn>-4</mn>
</math>

Note that the mo operator is used to place parentheses.

<math>
   <mn>6</mn>
   <mo>(</mo>
     <mn>2</mn>
     <mi>x</mi>
     <mo>+</mo>
     <mn>2</mn>
     <mo>-</mo>
       <mn>4</mn>
       <mo>(</mo>

      <mn>4</mn>
      <mi>x</mi>
      <mo>-</mo>
      <mn>2</mn>
      <mo>)</mo>
   <mo>)</mo>
</math>

The example above uses nested parentheses, a set of parentheses inside another set. Of course, to evaluate nested parentheses, start by evaluating the inner set of and then work your way outward.

Learn more at amazon.com

More Graphics Design Tips:
• Inkscape - How to Add a New Node
• SVG Example Code to Scale Elements
• SVG Example Code to Skew Elements
• Use GIMP to Scale (Resize) an Image
• How to Remove PNG and JPEG EXIF Metadata
• How to Make Beautiful Skies with GIMP
• Inkscape Basics
• Pencil Free Open Source Cartoon Animation Drawing Program
• What is the Pantone Color System?
• SVG Example Code to Rotate Elements