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.