Il tag <U> in Html
In questa lezione ti spiego come scrivere un testo sottolineato nel linguaggio Html tramite il tag <u>
<u> </u>
Il tag <u> è un tag di formattazione utilizzato per creare un testo sottolineato (underline).
Puoi usarlo soltanto all'interno della sezione <body> del documento Html.
- <!DOCTYPE html>
- <html>
- <head>
- ...
- </head>
- <body>
- <p>Questo è <u>un esempio</u> pratico</p>
- ...
- </body>
- </html>
Ti faccio un esempio pratico.
Per sottolineare un testo ti basta inserirlo all'interno del tag <u>
<p>Questo è <u>un esempio</u> di utilizzo</p>
Il browser applica lo stile "underline" (sottolineato) al testo racchiuso fra il tag di apertura <u> e quello di chiusura </u>.
In questo caso sottolinea la parola "un esempio"
Questo è un esempio di utilizzo
E' uno stile utile per enfatizzare alcune parti del testo, singole parole o frasi.
Puoi usare il tag <u> anche in combinazione con gli altri tag di formattazione del linguaggio Html.
Ad esempio, scrivi questo codice
<p>Questo è <i><u>un esempio</u></i> di utilizzo</p>
In questo caso la parola "un esempio" è contenuta sia nel tag <i> (italic) che nel tag <u> (underline).
Il browser applica entrambi gli stili e visualizza il testo selezionato in corsivo sottlineato.
Questo è un esempio di utilizzo
Così facendo ottieni degli effetti di formattazione combinati.
A cosa serve il tag <i>?
L'utilizzo del testo sottolineato cattura l'attenzione del lettore su alcune parole o frasi importanti. Quindi, è utile per enfatizzare alcune parti del testo.
Inoltre, il tag <u> migliora l'accessibilità della tua pagina web sui browser speciali usati dalle persone con disabilità visive.
L'uso del testo sottolineato aiuta questi utenti a identificare le parole o le frasi importanti all'interno di una pagina.
Qualche consiglio finale. Il tag <u> è molto usato nei browser speciali. Quindi, non dovresti usarlo solo per creare l'effetto di testo sottolineato per scopi di stile. Se desideri sottolineare il testo per motivi estetici, ti consiglio di definire lo stile del testo sottolineato tramite un foglio CSS. Inoltre, il testo sottolineato è utile solo se lo utilizzi con parsimonia. L'utilizzo eccessivo della sottolineatura rende il testo più difficile da leggere e non enfatizza alcun concetto in particolare.