HTML - Itálico

  »   HTML  »   HTML Tutorial - Itálico, Blockquote, Endereço

Essa tag, assim como o negrito, é usada para destacar certos termos ou palavras, as vezes até mesmo uma frase inteira. Não é, entretanto, indicado abusar dela.

Para cirar esse tipo de texto podemos fazer como o seguinte exemplo:

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

Demo

Italic Tag!
Emphasized Tag!

Geralmente o navegador interpretará essas tags da mesma maneira. O mais usado costuma ser a tag em, por causa das coisas que podem ter interpretações diferentes dependendo do dispositivo ou aplicação onde é exibido.

html<!-- Usando tags de estilo -->
<p>
	<b>HTML</b><br />
	<i>Hyper Text Markup Language</i>
</p>

<!-- Usando tags semanticas -->

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

<!-- Usando CSS inline -->

<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 - Negrito e Itálico

Ma maior parte do tempo negrito e itálico são colocados abaixo de outras tags para gerar o formato final. Sob nenhuma circunstância essas tags são deixadas abertas e todas as tags devem ser fechadas na mesma ordem que foram abertas.

html<p>Todas as tags <b><i>devem</i></b> ser fechadas na mesma ordem em que foram abertas.</p>

Demo

Todas as tags devem ser fechadas na mesma ordem em que foram abertas.