Open In App

HTML5 | MathML <msup> Tag

Improve
Improve
Like Article
Like
Save
Share
Report

The MathML <msup> tag in HTML5 is used to print power on any expression. 

Syntax:  

<msup> child elements </msup>

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.
  • mathbackground: This attribute holds the value of the math expressions background color.
  • href: This attribute is used to hold any hyperlink to a specified URL.
  • mathcolor: This attribute holds the color of the math expressions.
  • superscriptshift: This attribute defines the minimum space that shift the superscript above the baseline of the expression.

Below example illustrates the MathML <msup> tag in HTML5:

Example:  

html




<!DOCTYPE html>
<html>
 
<head>
    <title>HTML5 MathML msup tag</title>
</head>
 
<body>
    <center>
        <h1 style="color:green">
            GeeksforGeeks
        </h1>
 
        <h3>HTML5 MathML <msup> tag</h3>
 
        <math>
            <mfenced open="(" close=")" separators="">
                <mrow>
                    <msup>
                        <mi>x</mi>
                        <mn>2</mn>
                    </msup>
                    <mo>+</mo>
                    <msup>
                        <mi>y</mi>
                        <mn>2</mn>
                    </msup>
                    <mo>=</mo>
                    <msup>
                        <mi>z</mi>
                        <mn>2</mn>
                    </msup>
                </mrow>
            </mfenched>
        </math>
    </center>
</body>
 
</html>


Output:  

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

  • Firefox
  • Safari

 



Last Updated : 22 Aug, 2021
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads