HTML - Italic

  »   Styling Tags  »   HTML Tutorial - Italic, blockquote, address

This, same as the bold tag, is used to highlight certain terms or words, sometimes even an entire sentence. It is not indicated to abuse of its use though.

To create this type of text we can use the followings:

html<i>Italic</i> Tag!<br />
<em>Emphasized</em> Tag!<br />

Demo

Italic Tag!
Emphasized Tag!

Usually, the browser will interpret these tags in the same way. The most used is normally the emtag, because of the thing that can have different interpretation depending on the device or application where it is displayed.

html<!-- Using styling tags -->
<p>
	<b>HTML</b><br />
	<i>Hyper Text Markup Language</i>
</p>

<!-- Using semantic tags -->

<p>
	<strong>HTML</strong><br />
	<em>Hyper Text Markup Language</em>
</p>

<!-- Using inline CSS -->

<p>
	<span style="font-weight:bold">HTML</span><br />
	<span style="font-style:italic">Hyper Text Markup Language</span>
</p>

Demo

HTML
Hyper Text Markup Language

HTML
Hyper Text Markup Language

HTML
Hyper Text Markup Language

HTML - Both Bold and Italic

Most of the time bold and italic are being put under some other tags to get to the text's final format. Under no circumstance, these tags are left unclosed and all tags must be closed in the same order that they have been opened.

html<p>All tags <b><i>must</i></b> be closed in the same order that they have been opened.</p>

Demo

All tags must be closed in the same order that they have been opened.