bugl
bugl
HomeLearnPatternsSearch
HomeLearnPatternsSearch

Loading lesson path

Learn/HTML/HTML Foundations
HTML•HTML Foundations

HTML Text Formatting

Concept visual

HTML Text Formatting

Pointer walk
two pointers
leftright102132436485116
left=0
right=6
1
3

Start at both ends

HTML contains several elements for defining text with a special meaning.

Example

This text is bold

This text is italic

This is subscript and superscript

HTML Formatting Elements

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

The HTML

<b> element defines bold text, without any extra importance.

Example

Formula

< b > This text is bold </b >

The HTML

<strong> element defines text with strong importance. The content inside is typically displayed in bold.

Example

Formula

< strong > This text is important!</strong >
HTML < i > and < em > Elements

The HTML

<i> element defines a part of text in an alternate voice or mood. The content inside is typically displayed in italic.

Tip:

The

<i> tag is often used to indicate a technical term, a phrase from another language, a thought, a ship name, etc.

Example

Formula

< i > This text is italic </i >

The HTML

<em> element defines emphasized text. The content inside is typically displayed in italic.

Tip:

A screen reader will pronounce the words in <em> with an emphasis, using verbal stress.

Example

Formula

< em > This text is emphasized </em >
HTML < small > Element

The HTML

<small> element defines smaller text:

Example

Formula

< small > This is some smaller text.</small >
HTML < mark > Element

The HTML

<mark> element defines text that should be marked or highlighted:

Example

Formula

< p > Do not forget to buy < mark > milk </mark > today.</p >
HTML < del > Element

The HTML

<del> element defines text that has been deleted from a document. Browsers will usually strike a line through deleted text:

Example

Formula

< p > My favorite color is < del > blue </del > red.</p >
HTML < ins > Element

The HTML

<ins> element defines a text that has been inserted into a document. Browsers will usually underline inserted text:

Previous

HTML Styles

Next

HTML Quotation and Citation Elements