HTML formatting provides us to format text without using CSS. Following is the list of formatting HTML tags.
- Bold Text "<b> tag".
- Strong Text "<strong> tag".
- Italic Text "<i> tag".
- Emphasized Text "<em> tag".
- Marked Text "<mark> tag".
- Underline Text "<u> tag".
- Deleted Text "<del> tag".
- Inserted Text "<ins> tag".
- Superscript Text "<sup> tag".
- Subscript Text "<sub> tag".
HTML Bold Text: <b> element
-
HTML <b> element called as Bold Text. The font of the text will displayed in bold. HTML <b> element has no extra importance.
Example:
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Bold Text</title>
</head>
<body>
<h1>HTML Bold Text</>
<p>The font of the text will <b>displayed</b> in bold.</p>
</body>
</html>
<html lang="en">
<head>
<title>HTML Bold Text</title>
</head>
<body>
<h1>HTML Bold Text</>
<p>The font of the text will <b>displayed</b> in bold.</p>
</body>
</html>
HTML Strong Text: <strong> element
-
HTML <strong> element indicates that its contents have strong importance.
Example:
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Strong Text</title>
</head>
<body>
<h1>HTML Strong Text</p>
<p>The <strong>paragraph</strong> has strong importance</p>
</body>
</html>
<html lang="en">
<head>
<title>HTML Strong Text</title>
</head>
<body>
<h1>HTML Strong Text</p>
<p>The <strong>paragraph</strong> has strong importance</p>
</body>
</html>
HTML Italic Text: <i> element
- HTML <i> element called as italic text. The content inside <i> tag typically displayed in italic.
Example:
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Italic Text</title>
</head>
<body>
<h1>HTML Italic Text</p>
<p>The <i>Paragraph</i> has written in italic text.</p>
</body>
</html>
<html lang="en">
<head>
<title>HTML Italic Text</title>
</head>
<body>
<h1>HTML Italic Text</p>
<p>The <i>Paragraph</i> has written in italic text.</p>
</body>
</html>
HTML Emphasized Text: <em> element
- HTML <em> element called as emphasized text. The content will displayed in the italic style.
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Emphasized Text</title>
</head>
<body>
<h1>HTML Emphasized Text</p>
<p>The <em>Paragraph</em> has written in emphasized text.</p>
</body>
</html>
<html lang="en">
<head>
<title>HTML Emphasized Text</title>
</head>
<body>
<h1>HTML Emphasized Text</p>
<p>The <em>Paragraph</em> has written in emphasized text.</p>
</body>
</html>
HTML Marked Text: <mark> element
-
HTML <mark> element is called as Marked Text. It will highlighed the text with default background color.
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Marked Text</title>
</head>
<body>
<h1>HTML Marked Text</p>
<p>The <mark>Paragraph</mark> has highlighted with mark text.</p>
</body>
</html>
<html lang="en">
<head>
<title>HTML Marked Text</title>
</head>
<body>
<h1>HTML Marked Text</p>
<p>The <mark>Paragraph</mark> has highlighted with mark text.</p>
</body>
</html>
HTML Underline Text: <u> element
-
HTML will underline the text with the element <u> tag.
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Underline Text</title>
</head>
<body>
<h1>HTML Underline Text</p>
<p>The <u>Paragraph</u> has underline with a text.</p>
</body>
</html>
<html lang="en">
<head>
<title>HTML Underline Text</title>
</head>
<body>
<h1>HTML Underline Text</p>
<p>The <u>Paragraph</u> has underline with a text.</p>
</body>
</html>
HTML Deleted Text: <del> element
-
HTML <del> element is used to deleted the text for a certain range in the document. The paragraph text will be strike through with a line.
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Deleted Text</title>
</head>
<body>
<h1>HTML Delete Text</p>
<p>The <del>Paragraph</del> has deleted with a text.</p>
</body>
</html>
<html lang="en">
<head>
<title>HTML Deleted Text</title>
</head>
<body>
<h1>HTML Delete Text</p>
<p>The <del>Paragraph</del> has deleted with a text.</p>
</body>
</html>
HTML Inserted Text: <ins> element
-
HTML <ins> element is used to represent a range of text document is underlined to a paragraph or a text.
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Inserted Text</title>
</head>
<body>
<h1>HTML Inserted Text</p>
<p>The <ins>Paragraph</ins> has underlined with a inserted text.</p>
</body>
</html>
<html lang="en">
<head>
<title>HTML Inserted Text</title>
</head>
<body>
<h1>HTML Inserted Text</p>
<p>The <ins>Paragraph</ins> has underlined with a inserted text.</p>
</body>
</html>
HTML Superscript Text: <sup> element
-
HTML <sup> element is used to represent a text with smaller font. Superscript text can be used for footnotes, like www.w3c.org[1].
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Superscript Text</title>
</head>
<body>
<h1>HTML Superscript Text</p>
<p>The paragraph<sup>1</sup> has contain superscript text.</p>
</body>
</html>
<html lang="en">
<head>
<title>HTML Superscript Text</title>
</head>
<body>
<h1>HTML Superscript Text</p>
<p>The paragraph<sup>1</sup> has contain superscript text.</p>
</body>
</html>
HTML Subscript Text: <sub> element
-
HTML <sub> element is used to represent a text with smaller font. The text will appears half a character below the same line. Subscript text can be used for formulas, like C2O.
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Subscript Text</title>
</head>
<body>
<h1>HTML Subscript Text</p>
<p>The formula can easily remember by every person. C<sub>2</sub>O</p>
</body>
</html>
<html lang="en">
<head>
<title>HTML Subscript Text</title>
</head>
<body>
<h1>HTML Subscript Text</p>
<p>The formula can easily remember by every person. C<sub>2</sub>O</p>
</body>
</html>
Next Topic: HTML Quotations