Loading lesson path
Concept visual
Start at both ends
HTML contains several elements for defining text with a special meaning.
Formatting elements were designed to display special types 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
Formula
HTML < b > and < strong > Elements<b> element defines bold text, without any extra importance.
Formula
< b > This text is bold </b ><strong> element defines text with strong importance. The content inside is typically displayed in bold.
Formula
< strong > This text is important!</strong >
HTML < i > and < em > Elements<i> element defines a part of text in an alternate voice or mood. The content inside is typically displayed in italic.
<i> tag is often used to indicate a technical term, a phrase from another language, a thought, a ship name, etc.
Formula
< i > This text is italic </i ><em> element defines emphasized text. The content inside is typically displayed in italic.
A screen reader will pronounce the words in <em> with an emphasis, using verbal stress.
Formula
< em > This text is emphasized </em >
HTML < small > Element<small> element defines smaller text:
Formula
< small > This is some smaller text.</small >
HTML < mark > Element<mark> element defines text that should be marked or highlighted:
Formula
< p > Do not forget to buy < mark > milk </mark > today.</p >
HTML < del > Element<del> element defines text that has been deleted from a document. Browsers will usually strike a line through deleted text:
Formula
< p > My favorite color is < del > blue </del > red.</p >
HTML < ins > Element<ins> element defines a text that has been inserted into a document. Browsers will usually underline inserted text: