Superscript
The <sup> tag is used to add a superscript text to the HTML document. The <sup> tag defines the superscript text. Superscript text appears half a character above the normal line and is sometimes rendered in a smaller font. Superscript text can be used for footnotes.
Example: The implementation of super script tag with an example.
html
<!DOCTYPE html> < html > < head > < style > sup { vertical-align: super; font-size: small; } </ style > </ head > < body > < p >A sup element is displayed like this:</ p > < p >This text contains < sup >superscript text</ sup ></ p > < p >Change the default CSS settings to see the effect.</ p > </ body > </ html > |
Output:
Example: The implementation of sup script tag in mathmetical form with an example.
html
<!DOCTYPE html> < html > < head > < style > sup { vertical-align: super; font-size: medium; } </ style > </ head > < body > < p >Examples to demonstrate superscript text</ p > < p >2 < sup >4</ sup >=16</ p > < p >X < sup >4</ sup >+ Y< sup >6</ sup ></ p > < p >9< sup >th</ sup > of september</ p > < p >Change the default CSS settings to see the effect.</ p > </ body > </ html > |
Output:
Example: The implementation of sup and sub script tag
HTML
<!DOCTYPE html> < html > < body > < p >Testing < sub >subscript text</ sub > </ p > < p >Testing < sup >superscript text</ sup > </ p > </ body > </ html > |
Output:
HTML Subscript and Superscript Tags
In HTML, the <sub> tag is used for subscript, making text appear slightly below the normal line, while the <sup> tag is used for superscript, positioning text slightly above the normal line. These tags are employed to format text in a way that is either lower or higher than the regular text line, useful for applications such as chemical formulas or mathematical expressions.
Table of Content
- Subscript
- Superscript