HTML uses elements like <b>, <em> and <i> for formatting output. Some Formatting Elements which is used for special types of text:-

  • Bold text
  • Italic text
  • Deleted text
  • Inserted text
  • Emphasized text
  • Marked text
  • Small text
  • Subscripts
  • Superscripts

Bold Text

Bold text appears within <b>…</b> element.
Example:–

<!DOCTYPE html>

<html>

<head>

<title>Bold Text Example</title>

</head>

<body>

<p>This element make text <b>bolder</b></p>

</body>

</html>

Italic Text

Italic text appears within <i>…</i> element.
Example:–

<!DOCTYPE html>

<html>

<head>

<title>ItalicText Example</title>

</head>

<body>

<p>This element make text <i>Italic</i></p>

</body>

</html>

Deleted Text

Deleted text appears within <del>…</del> element.

Example:–

<!DOCTYPE html>

<html>

<head>

<title>DeletedText Example</title>

</head>

<body>

<p>This element make text <del><i>Italic</i></del></p>

</body>

</html>

Inserted Text

Inserted text appears within <ins>…</ins> element.

Example:–

<!DOCTYPE html>

<html>

<head>

<title>Inserted Text Example</title>

</head>

<body>

<p>This element make text <ins><i>Italic</i></ins></p>

</body>

</html>

Emphasized Text

Emphasized text appears within <em>…</em> element.

Example:–

<!DOCTYPE html>

<html>

<head>

<title>Emphasized Text Example</title>

</head>

<body>

<p>This element make text <em>Italic</em></p>

</body>

</html>

Marked Text

Marked text appears within <mark>…</mark> element. This make text marked or highlighted text.

Example:–

<!DOCTYPE html>

<html>

<head>

<title>Marked Text Example</title>

</head>

<body>

<p>This element make text <mark>Italic</mark></p>

</body>

</html>

Smaller Text

Smaller text appears within <small>…</small> element. This makes text small.

Example:–

<!DOCTYPE html>

<html>

<head>

<title>Small Text Example</title>

</head>

<body>

<p><small>This element make text Italic</small></p>

</body>

</html>

Larger Text

Larger text appears within <big>…</big> element. This makes text big.

Example:–

<!DOCTYPE html>

<html>

<head>

<title>Big Text Example</title>

</head>

<body>

<p><strong><big>This element make text Italic</big><strong></p>

</body>

</html>

Subscript Text

Subscript text appears within <sub>…</sub> element. The text displayed half a character’s height beneath the other characters.

Example:–

<!DOCTYPE html>

<html>

<head>

<title>Subscript Text Example</title>

</head>

<body>

<p>This element make text <sub>Italic</sub></p>

</body>

</html>

Superscript Text

Superscript text appears within <sup>…</sup> element. The text displayed half a character’s height above the other characters.

Example:–

<!DOCTYPE html>

<html>

<head>

<title>Bold Text Example</title>

</head>

<body>

<p>This element make text <sup>Italic</sup></p>

</body>

</html>

 

Related Article

Latest Article

HTML

HTML Character Sets

ASCII was the first character set. It describes 127 different alphanumeric characters that can be used on the internet.

HTML

HTML Event Attributes

The following event attributes could be added to all HTML elements where applicable. The event attributes are used for specifying the characteristics of an element

HTML

HTML Tags

HTML Tag are used for making front end part which is visible for visitors. HTML Tag are ,