HTML5 | MathML <mtext> Tag

Last Updated : 24 Aug, 2021

The MathML <mtext> tag in HTML5 is used to print any text before after any expression. You can use this tag to signify the expression or can give a name to that expression. Use to print comments about any expression this tag has been used.
Syntax:

<mtext attributes="values"> Random text </mtext>

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. Two types of direction values are acceptable ltr from left to right and rtl from right to left.
mathsize: This attribute holds the value of the size for the content. The possible values are small, medium and big.
mathvariant: This attribute holds variety of typography like font-family.

Below example illustrates the MathML <mtext> tag in HTML5:
Example:

html

<!DOCTYPE html> 
<html> 

<head> 
    <title>HTML5 MathML mtext tag</title> 
    <style> 
        mi { 
            font-size:25px; 
        } 
    </style> 
</head> 

<body> 
    <center> 
        <h1 style="color:green"> 
            GeeksforGeeks 
        </h1> 
        
        <h3>HTML5 MathML &lt;mtext&gt; tag</h3> 
        
        <math> 
            <math> 
                <mtext mathvariant="bold"> 
                    GeeksforGeeks 
                </mtext> 
                
                <br> 
            </math> 
            <math> 
                <mtext mathvariant="italic"> 
                    A Computer Science 
                    Portal for Geeks 
                </mtext> 
            </math> 
        </math> 
    </center> 
</body> 

</html>