09 – Formattazione del testo HTML

L’HTML contiene diversi elementi per definire il testo con un significato speciale.

Esempio

Questo testo è bold

Questo testo è italic

Questo testo è subscript e questo superscript

<div> 
<p><b>Questo testo è bold</b></p> 
<p><i>Questo testo è italic</i></p> 
<p>Questo testo <sub>è subscript</sub> e <sup> questo superscript</sup></p> 
</div>

Elementi di formattazione HTML

Gli elementi di formattazione sono stati progettati per visualizzare tipi speciali di testo:

  • <b> – Testo grassetto
  • <strong> – Testo importante
  • <i> – Testo in corsivo
  • <em> – Testo sottolineato
  • <mark> – Testo contrassegnato
  • <small> – Testo più piccolo
  • <del> – Testo cancellato
  • <ins> – Testo inserito
  • <sub> – Testo in pedice
  • <sup> – Testo in apice

Elementi <b> e <strong> HTML

L’ <b> elemento HTML definisce il testo in grassetto, senza alcuna importanza aggiuntiva.

Esempio

Questo è in bold
<b>Questo è in bold</b>

L’elemento HTML <strong> definisce il testo con una forte importanza.
Il contenuto all’interno è generalmente visualizzato in grassetto.

Esempio

Questo testo è importante!
 <strong>Questo testo è importante!</strong> 

Elementi HTML <i> e <em>

L’ <i> elemento HTML definisce una parte di testo con una voce o uno stato d’animo alternativo.
Il contenuto all’interno è generalmente visualizzato in corsivo.
Suggerimento: il <i> tag viene spesso utilizzato per indicare un termine tecnico, una frase di un’altra lingua, un pensiero, il nome di un’a nave’ automobile, ecc.

Esempio

Questo è italic
 <i>Questo è italic</i> 

L’elemento HTML <em> definisce il testo sottolineato.
Il contenuto all’interno è generalmente visualizzato in corsivo.
Suggerimento: un’utilità per la lettura dello schermo pronuncerà le parole con <em> enfasi, utilizzando l’accento verbale.

Esempio

Questo è emphasized
<em>Questo è emphasized</em>

Elemento HTML <small>

L’elemento <small> scrive testo piccolo.

Esempio

Questo testo è small.
<small>Questo testo è small.</small>

Elemento HTML <mark>

L’elemento HTML <mark> definisce il testo che deve essere contrassegnato o evidenziato:

Non dimenticare di comprare il riso oggi.

<p>Non dimenticare di comprare il <mark>riso</mark> oggi.</p>

Elemento HTML <del>

L’ <del> elemento HTML definisce il testo che è stato eliminato da un documento.
I browser di solito inseriscono una linea a metà del testo eliminato:

Esempio

Il mio colore preferito è il verde rosso.

<p>Il mio colore preferito è il <del>verde</del> rosso.</p>

Elemento HTML <ins>

L’ <ins> elemento HTML definisce un testo che è stato inserito in un documento.
I browser solitamente sottolineano il testo inserito:

Esempio

Il mio colore preferito è il verde rosso.

<p>Il mio colore preferito è il <del>verde</del> <ins>rosso</ins>.</p>

Elemento <sub> HTML

L’elemento HTML <sub> definisce il testo in pedice.
Il testo in pedice appare mezzo carattere sotto la riga normale e talvolta viene visualizzato con un carattere più piccolo.
Il testo in pedice può essere utilizzato per formule chimiche, come H 2 O:

Esempio

Questo è un testo con pedice .

<p>Questo è un <sub> testo con pedice </sub>.</p>

Elemento HTML <sup>

L’elemento HTML <sup> definisce il testo in apice.
Il testo in apice appare mezzo carattere sopra la linea normale e talvolta è reso con un carattere più piccolo.
Il testo in apice può essere utilizzato per le note a piè di pagina, come WWW [1] :

Esempio

Questo è un testo con apice.

<p>Questo è un testo con <sup>apice</sup>.</p>

Elementi di formattazione del testo HTML

TagDescrizione
<b>Definisce il testo in grassetto
<em>Definisce il testo sottolineato
<i>Definisce una parte del testo con una voce o uno stato d’animo alternativo
<small>Definisce il testo più piccolo
<strong>Definisce il testo importante
<sub>Definisce il testo con pedice
<sup>Definisce il testo in apice
<ins>Definisce il testo inserito
<del>Definisce il testo eliminato
<mark>Definisce il testo contrassegnato/evidenziato
Per un elenco completo di tutti i tag HTML disponibili, visita il nostro riferimento ai tag HTML .

Pubblicato da Luca Bocaletto

Sviluppatore, Creatore, Musicista, Artista, Radiantista, Scacchista.