HTML5 | MathML <mrow> Tag

Last Updated : 22 Aug, 2021

The MathML <mrow> tag in HTML5 is used to create a row that contains some mathematical expression or any random text. When you need to write some mathematical expressions, this tag is useful to make a grouping of the expression. By using <mrow> the expression will look nicer, clean with indentation plus line breaking.

Syntax:

<mrow> child elements </mrow>

Attributes: This tag accepts some attributes which are listed below:

class|id|style: This attribute is used to hold the styles of the child elements.
href: This attribute is used to hold any hyperlink to a specified URL.
mathbackground: This attribute holds the value of the math expressions background color.
mathcolor: This attribute holds the color of the math expressions.
dir: This attributes holds the direction value. It holds two types of direction values ltr for left to right and rtl for right to left.

Below example will illustrates the concept of HTML5 MathML <mrow> tag:
Example:

html

<!DOCTYPE html>
<html>

<head>
    <title>HTML5 MathML mrow tag</title>
</head>

<body style="text-align:center;">

    <h1 style="color:green">GeeksforGeeks</h1>
    
    <h3>HTML5 MathML &lt;mrow&gt; tag</h3>
    
    <math>
        <mrow>
            <mrow>
                <msup>
                    <mi>x</mi>
                    <mn>2</mn>
                </msup>
                <mo>+</mo>
                <msup>
                    <mi>y</mi>
                    <mn>2</mn>
                </msup>
            </mrow>
            <mo>=</mo>
            <msup>
                <mi>z</mi>
                <mn>2</mn>
            </msup>
        </mrow>
    </math>
</body>

</html>