In MathML, coding a matrice is very similar to coding a table in HTML. So if understand HTML table code, MathML matrices will be easy for you. Unfortunately most people don't understand HTML table code. So lets go about it step-by-step.
A MathML matrice consists of a grid of boxes, each box created by a <mtd></mtd> element. The "td" stands for "table data". So within each mtd box is a single matrice number, variable, or expression element. The mtd boxes are inturn arranged in rows by nesting them inside <mtr></mtr> elements. The "tr" stands for "table row".
<math> <mtable> <mtr><mtd><mn>1</mn></mtd></mtr> </mtable> </math>
Shown above is the code for a minimal matrice, consisting of one row containing one matrice data element.
<math> <mtable> <mtr> <mtd><mn>1</mn></mtd><mtd><mn>0</mn></mtd> </mtr> <mtr> <mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd> </mtr> </mtable> </math>
Shown above is the code for a 2x2 matrice, consisting of 2 rows, each containing 2 matrice data elements.
<math> <mo>[</mo> <mtable> <mtr> <mtd><mn>1</mn></mtd><mtd><mn>0</mn></mtd> </mtr> <mtr> <mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd> </mtr> </mtable> <mo>]</mo> </math>
By default an mtable element has no borders. So you'll need to next the mtable element within an <mo> element to display the desired brackets as shown above.
More Graphics Design Tips:
• MathML mtext Element to Display Plain Text
• How to Use Basic Linear Gradients in Inkscape
• Use GIMP to Scale (Resize) an Image
• Export Inkscape Drawing as an Image
• Inkscape Basic Fill
• Inkscape Preferences
• How to Really Create an Arc in SVG
• Inkscape Basics
• How to Use Draw Bezier
• How to Trace an Image Using Photoshop