HTML Formatting: HTML contains several elements for characterizing text with a special meaning.
HTML provides several tags that you can use to make some content on your pages appear differently than to ordinary content, for instance, you can use the tag <b> to make the text bold, tag <i> to make the text italic, tag <mark> to feature the content, tag <code> to show a part of computer code, tags <ins> and <del> for marking editorial additions and cancellations, and more.
Example
This text is bold
This text is italic
This is subscript and superscript
In this article, you will learn-
HTML Formatting Elements
Formatting elements were designed to show special type of text:
<b>
– Bold text<strong>
– Important text<i>
– Italic text<em>
– Emphasized text<mark>
– Marked text<small>
– Smaller text<del>
– Deleted text<ins>
– Inserted text<sub>
– Subscript text<sup>
– Superscript text
HTML <b> and <strong> Elements
The HTML <b> element defines bold text, with no additional significance.
Example
<b>This text is bold</b>
The HTML <strong> element defines text with strong significance. The substance inside is commonly shown in bold.
Example
<strong>This text is important!</strong>
HTML <i> and <em> Elements
The HTML <i> elements defines a piece of text in an alternate voice or temperament. The substance inside is regularly shown in italic.
Tip: The <i> tag is frequently used to show a technical term, a phrase from another language, an idea, a boat name, and so forth
Example
<i>This text is italic</i>
The HTML <em> element defines emphasized content. The substance inside is normally shown in italic.
Tip: A screen reader will articulate the words in <em> with an emphasis, using verbal stress.
Example
<em>This text is emphasized</em>
HTML <small> Element
The HTML <small> element defines smaller text:
Example
<small>This is some smaller text.</small>
HTML <mark> Element
The HTML <mark> element defines text that ought to be marked or featured:
Example
<p>Do not forget to buy <mark>milk</mark> today.</p>
HTML <del> Element
The HTML <del> element defines text that has been erased from a document. Browsers will typically strike a line through erased text:
Example
<p>My favorite color is <del>blue</del> red.</p>
HTML <ins> Element
The HTML <ins> element defines a text that has been embedded into a document. Browsers will as a rule underline embedded content:
Example
<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>
HTML <sub> Element
The HTML <sub> element defines subscript text. The subscript text appears half a character underneath the typical line and is at times delivered in a smaller textual style. Subscript text can be used for chemical formulas, similar to H2O:
Example
<p>This is <sub>subscripted</sub> text.</p>
HTML <sup> Element
The HTML <sub> element defines superscript content. Superscript content appears half a character over the typical line and is now and again delivered in a smaller textual style. Superscript content can be used for references, as WWW[1]:
Example
<p>This is <sup>superscripted</sup> text.</p>
Thanks for reading! We hope you found this tutorial helpful and we would love to hear your feedback in the Comments section below. And show us what you’ve learned by sharing your photos and creative projects with us.