How to define marked/highlighted text using HTML?

How to Define Superscripted Text using HTML?

Last Updated : 15 Nov, 2024

Superscript text is used for footnotes, mathematical exponents, and other notations. To define superscripted text in HTML5, use the <sup> tag. This tag adds superscript text to your HTML document, displaying it half a character above the normal line and often in a smaller font.

Syntax

<sup> Contents... </sup>

Steps To Define Superscripted Text

To indicate variables, wrap each one in a <var> tag and add <sup> for exponents. This is useful for showing mathematical equations like a2+b2=c2a^2 + b^2 = c^2a2+b2=c2.
To make numbers appear as exponents, wrap them in the <sup> tag.

Example 1: Example of superscripted text of the Pythagorean theorem using HTML.

html

<p>
  	The <em>Pythagorean theorem</em> is often 
  	expressed as the following equation:
</p>

<p>
  <var>a<sup>2</sup></var> + <var>b<sup>2</sup></var> = <var>c<sup>2</sup></var>
</p>

Output

Output — Superscripted text

Example 2: Another example to shows superscripted text using HTML.

html

<p>
	A sup element is
    displayed like this:
</p>

<p>
	This text contains
    <sup>superscript text</sup>
</p>

Output

Output — Superscripted text

How to define marked/highlighted text using HTML?

M

manaschhabra2

Improve

Article Tags :

Similar Reads

How to define preformatted text using HTML?

To define a preformatted text in HTML use the <pre> tag in the document. It is used to define the block of preformatted text that preserves the text spaces, line breaks, tabs, and other formatting characters that are ignored by web browsers. Text in the pre-tag is displayed in a fixed-width fo

How to Define Subscripted Text in HTML?

The subscripted text is defined using the <sub> element, which marks text that appears slightly below the normal line of text. This tag is commonly used for scientific and mathematical notations, chemical formulas (e.g., Hâ‚‚O), and footnotes. Syntax<sub> Content... </sub>Define Subs

How to define important text using HTML5 ?

In this article, we define an important text by using the <strong> tag in HTML. It is the parsed tag and used to show the importance of the text. It reflects the text as bold. Syntax: <strong> Contents... </strong> Example 1: html <!DOCTYPE html> <html> <head>

How to define marked/highlighted text using HTML?

To define highlighted or marked text in HTML5, the <mark> tag is employed. It effectively highlights specific text within a paragraph, offering a straightforward way to visually emphasize content. Introduced in HTML5, the `<mark>` tag enhances readability and focus within web content.Syn

How to render as emphasized text using HTML?

The <em> tag in HTML is a phrase tag and is used to emphasize the text content. It is similar to <italic> tag. The main difference between these two tags is the <em> tag semantically emphasizes the important word or section of words while the <i> tag is just offset text conve

How to override the current text direction using HTML ?

In this article, we will override the current text direction by using the dir attribute in the particular element. It is used to specify the text direction of the element content. It contains three values: ltr: It is the default value. This value represent the text in Left-to-right text direction. r

How to Change Text Inside all HTML Tags using JavaScript ?

In this article, we will learn how to change the text content inside all HTML tags using JavaScript. This skill is valuable when you need to dynamically modify the text displayed on a web page. which can be useful for various scenarios like updating content, internationalization, or creating dynamic

How to make a text italic using JavaScript ?

Javascript provides various methods to modify the text according to our need. In this article, we are going to see how we can make the text italics in javascript. string.italics( ) is the method use to make the text italics. Basically, italics text are created by using the <i> </i> tag i

How to define terms with HTML ?

In this article, we will see how to define the terms with HTML. HTML facilitates us with some ways to define or describe the text so that users can get the exact meaning or message the developer wanted to deliver. A description list is a list of terms, with a description of each term. Lists in HTML

How to Insert Spaces/Tabs in Text using HTML and CSS?

When building web pages, controlling the spacing between elements and text is essential for creating visually appealing and well-structured content. HTML and CSS offer several ways to insert spaces and tabs in text. While HTML provides basic methods for adding spaces, CSS gives more control over lay