Formatting tags are used to change the format of text in the output. All formatting tags have start tag and end tag. These elements affect only the presentation of a document. You can also achieve a similar appearance using CSS.
1. Bold
The HTML <b> element defines bold text, without any extra importance.
<b>This text is bold</b>
2. Italics
The HTML <i> element defines italic text.
<i>This text is italic</i>
3. Important
The HTML <strong> element defines text with strong importance. The content inside is typically displayed in bold.
<strong>This text is important!</strong>
4. Emphasize
The HTML <em> element defines emphasized text. The content inside is typically displayed in italic.
<em>This text is emphasized</em>
5. Subscript
The HTML <sub> element defines subscript text. Subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font. Subscript text can be used for chemical formulas, like H2O.
<p>Formula of water is H<sub>2</sub>O.</p>
6. Superscript
The HTML <sup> element defines 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.
<p>This is <sup>superscripted</sup> text.</p>
7. Computer Code
The <code> tag is used to define a piece of computer code. The content inside is displayed in monospace font.
<p>The HTML <code>button</code> tag defines a clickable button.</p>
8. Abbreviation
The <abbr> tag defines an abbreviation or an acronym, like HTML, CSS, ATM.
The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.
9. Quote
The <blockquote> tag specifies a section that is quoted from another source.
<blockquote>This is quotation text.</blockquote>
10. Inline Quote
The HTML <q> tag defines a short quotation. Browsers normally insert quotation marks around the quotation.
<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>
11. Marked Text
The HTML <mark> element defines text that should be marked or highlighted.
<p>This is <mark>highlighted</mark> text.</p>
12. Small Text
The HTML <small> element defines smaller text.
<small>This is smaller text.</small>
13. Deleted Text
The HTML <del> element defines text that has been deleted from a document. Browsers usually strike a line through deleted text.
<p>This text is now <del>deleted</del> for some new text.</p>
14. Inserted Text
The HTML <ins> element defines a text that has been inserted into a document. Browsers usually underline inserted text.
<p>This text is <ins>inserted</ins>.</p>
The <hr> element creates a horizontal rule across the page. It is an empty element.
Example:
<hr>
This is frequently used to separate distinct sections of a page where a new heading is not appropriate.