Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML5 | MathML <mi> Tag

Improve Article
Save Article
Like Article
  • Last Updated : 17 Aug, 2021
Improve Article
Save Article
Like Article

The MathML <mi> tag in HTML5 is used as an identifier such as any kind of symbol or function. You can put any statement inside this tag.
Syntax: 
 

<mi> element </mi>

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 <mi> tag in HTML5:
Example: 
 

html




<!DOCTYPE html>
<html>
  
<head>
    <title>HTML5 MathML mi tag</title>
    <style>
        mi {
            font-size:25px;
        }
    </style>
</head>
  
<body>
    <center>
        <h1 style="color:green">
            GeeksforGeeks
        </h1>
         
        <h3>HTML5 MathML <mi> tag</h3>
         
        <math>
            <math>
                <mi mathvariant="bold">
                    GeeksforGeeks
                </mi>
                 
                <br>
            </math>
            <math>
                <mi mathvariant="italic">
                    A Computer Science
                    Portal for Geeks
                </mi>
            </math>
        </math>
    </center>
</body>
  
</html>        

Output: 
 

Supported Browsers: The browsers supported by HTML5 MathML <mi> tag are listed below: 
 

  • Firefox
  • safari

 


My Personal Notes arrow_drop_up
Like Article
Save Article
Related Articles

Start Your Coding Journey Now!