HTML <sup> tag is termed as a superscript tag which is used to define superscript text. The text within <sup> tag appears with an upper baseline and renders with smaller font size than surrounding text.
The <sup> tag is useful for defining Mathematical formulas and footnotes.
Syntax
<sup>......</sup> Following are some specifications about the HTML <sup> tag
| Display | Inline |
| Start tag/End tag | Both Start and End tag |
| Usage | Textual |
Example
<!DOCTYPE html>
<html>
<head>
<title>HTML sup Tag</title>
<style>
body{
text-align: center;
}
</style>
</head>
<body>
<h2>Example of sup tag</h2>
Following is the famous Pythagorean Theorem:
<p style="font-size: 20px; color: green;"><var>a</var><sup>2</sup>+<var>b</var><sup>2</sup>=<var>c</var><sup>2</sup>
</p>
<p>Where a, b, and c represents the sides of right angle triangle</p>
</body>
</html>Output:
Attribute:
Tag-specific attributes:
The <sup> tag does not contain any specific attribute.
Global attribute:
The <sup> tag supports the Global attributes in HTML.
Event attribute:
The <sup> tag supports the Event attributes in HTML.
Supporting Browsers
| Element |  Chrome |  IE |  Firefox |  Opera |  Safari |
| <sup> | Yes | Yes | Yes | Yes | Yes |
Leave a Reply