HTML - Corsivo

  »   Tag per lo stile  »   HTML Tutorial - Italic, blockquote, address

Questo, come il tag in grassetto, viene utilizzato per evidenziare alcuni termini o parole, a volte anche un'intera frase. Tuttavia, non è sconsigliato abusare del suo uso.

Per creare questo tipo di testo possiamo usare i seguenti elementi:

html<i>Corsivo</i> Tag!<br />
<em>Enfatizzato</em> Tag!<br />

Demo

Corsivo Tag!
Enfatizzato Tag!

Di solito, il browser interpreta questi tag nello stesso modo. Il più usato è normalmente il tag em, perchè può avere un'interpretazione diversa a seconda del dispositivo o dell'applicazione in cui è visualizzato.

html<!-- Etichette di stile -->
<p>
	<b>HTML</b><br />
	<i>Hyper Text Markup Language</i>
</p>

<!-- Etichette semantiche -->

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

<!--  CSS interno al documento -->

<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 - Sia grassetto che corsivo

La maggior parte delle volte il grassetto e il corsivo vengono messi sotto altri tag per arrivare al formato finale del testo. In nessun caso, questi tag vanno lasciati aperti e tutti i tag devono essere chiusi nello stesso ordine in cui sono stati aperti.

html<p>Tutte le etichette <b><i>devono</i></b> essere chiuse nello stesso ordine in cui sono state aperte.</p>

Demo

Tutte le etichette devono essere chiuse nello stesso ordine in cui sono state aperte.