X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML Text Formatting Elements


Text Formatting

This text is bold

This text is italic

This is superscript


HTML Formatting Elements

HTML uses elements like <b> and <i> for formatting output, like bold or italic text.

These elements are called formatting elements.


HTML Bold Formatting

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

Example

<p>This text is normal.</p>

<p><b>This text is bold</b>.</p>

Try it Yourself »

The HTML <strong> element defines strong text, with added semantic importance.

Example

<p>This text is normal.</p>

<p><strong>This text is bold</strong>.</p>

Try it Yourself »


HTML Italic Formatting

The HTML <i> element defines italic text, without any extra importance.

Example

<p>This text is normal.</p>

<p><i>This text is italic</i>.</p>

Try it Yourself »

The HTML <em> element defines emphasized text, with added semantic importance.

Example

<p>This text is normal.</p>

<p><em>This text is emphasized</em>.</p>

Try it Yourself »

Note Browsers display <strong> as <b>, and <em> as <i>.

However, there is a difference in the meaning of these tags: <b> and <i> defines bold and italic text,
but <strong> and <em> means that the text is "important".


HTML Marked Formatting

The HTML <mark> element defines marked or highlighted text:

Example

<h2>HTML <mark>Marked</mark> Formatting</h2>

Try it Yourself »


HTML Deleted Formatting

The HTML <del> element defines deleted (removed) of text.

Example

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

Try it Yourself »


HTML Inserted Formatting

The HTML <ins> element defines inserted (added) text.

Example

<p>My favorite <ins>color</ins> is red.</p>

Try it Yourself »


HTML Subscript Formatting

The HTML <sub> element defines subscripted text.

Example

<p>This is <sub>subscripted</sub> text.</p>

Try it Yourself »


HTML Superscript Formatting

The HTML <sup> element defines superscripted text.

Example

<p>This is <sup>superscripte</sup> text.</p>

Try it Yourself »


Examples

Try it Yourself Summary

How to control the line breaks and spaces with the <pre> tag

Bold formatting using the <b> element

Strong formatting using the <strong> element

Italic formatting using the <i> element

Emphasized formatting using the <em> element

Marked formatting using the <mark> element

Marked deleted using the <del> element

Marked inserted using the <ins> element

Marked deleted and inserted using <del> and <ins>

Subscript formatting using the <sub> element

Superscript formatting using the <sup> element


HTML Text Formatting Elements

Tag Description
<b> Defines bold text
<em> Defines emphasized text 
<i> Defines a part of text in an alternate voice or mood
<small> Defines smaller text
<strong> Defines important text
<sub> Defines subscripted text
<sup> Defines superscripted text
<ins> Defines inserted text
<del> Defines deleted text
<mark> Defines marked/highlighted text



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook