This tutorial will guide you through creating math formulas using structured markup. It starts with an introduction to adding MathML to an HTML document, followed by a deep dive into key components: fractions and roots, scripted elements, and text containers. The tutorial then covers tabular layouts for matrices and advanced math formatting. Finally, a challenge tests your understanding by having you recreate three famous mathematical formulas using the learned concepts.
In this article, we will take a simple HTML document and see how to add MathML formulas into it, introducing a few elements along the way.
Now that you have a better idea of MathML, we move focus on text containers (variables, numbers, operators, …) which are used as building blocks of MathML formulas.
Relying on text containers, this article describes how to build more complex MathML expressions by nesting fractions and roots.
We continue the review of basic math notations and focus on building MathML elements with scripts.
Once all basic math notations are known, it remains to consider tabular layout which can be used for matrix-like expressions and other advanced math layout.
With the things you have learned in the last few articles, you should already be able to write relatively sophisticated MathML formulas. This challenge gives you a chance to do that.