HTML5 MathML Exercise
Write the following mathematical expression by using HTML5 MathML.
a2 + b2 = c2
Solution
HTML5 MathML provides a way to write mathematics on the web page. All mathematical expression are written inside <math> tag. There are many child elements of the math element. Unfortunately, not all browsers support math element. So use the latest mozilla or chrome for render it.
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mrow>
<msup><mi>a</mi><mn>2</mn></msup>
<mo>+</mo>
<msup><mi>b</mi><mn>2</mn></msup>
<mo> = </mo>
<msup><mi>c</mi><mn>2</mn></msup>
</mrow>
</math>
</body>
</html>
Output of the above code
Here, mrow is horizontally group sub-expressions, msup is superscript, mi is identifier, mo is operator and mn is numeric literal.