MathML for beginners
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.
Chapters
- Getting started with MathML
-
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.
- MathML text containers
-
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.
- MathML fractions and roots
-
Relying on text containers, this article describes how to build more complex MathML expressions by nesting fractions and roots.
- MathML scripted elements
-
We continue the review of basic math notations and focus on building MathML elements with scripts.
- MathML tables
-
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.
- Challenge: Three famous mathematical formulas
-
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.