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