L’HTML fornisce diverse opzioni di stile per il testo. Sottolineare il testo HTML è uno di questi. La semplice sottolineatura disegnerà una linea retta sotto il testo senza occupare la linea sottostante. In questo tutorial, impareremo come sottolineare il testo HTML con tag < u >, codice CSS, classe CSS e imposta le proprietà di sottolineatura e le alternative.

Sottolinea il testo con < u > Tag

HTML fornisce il tag < u > per sottolineare il testo specificato in HTML. < u > è il tag iniziale per la sottolineatura e < / u > viene utilizzato per impostare la fine della sottolineatura. I tag di sottolineatura possono essere utilizzati per diversi tipi di testo come collegamenti ipertestuali, testo in grassetto, ecc. Senza problemi. Nell’esempio seguente, sottolineeremo una singola parola o una frase completa o un collegamento ipertestuale. Il tag HTML < u > o underline è supportato da tutti i principali browser come Google Chrome, Mozilla Firefox, Microsoft Edge, Safari o Opera .

Sottolinea il testo con l’attributo CSS di decorazione del testo

I CSS forniscono l’attributo text-decoration per sottolineare diversi elementi HTML. Possiamo usare l’attributo text-decoration per sottolineare il testo HTML. L’attributo di stile di decorazione del testo può essere utilizzato con diversi tag o elementi HTML. Nell’esempio seguente abbiamo utilizzato il tag < span > per selezionare il testo e sottolinearlo.

Imposta il colore e lo stile della sottolineatura del testo

In alcuni casi la semplice sottolineatura del testo HTML potrebbe non essere sufficiente. Possiamo anche colorare o cambiare lo stile della sottolineatura. L’attributo CSS text-decoration può essere utilizzato per modellare e colorare le sottolineature con < u > tag o senza di essa. Di seguito forniremo il colore della sottolineatura del testo HTML come rosso, verde e lo stile come ondulato, tratteggiato, punteggiato e doppio.

wavy creerà una linea non retta dove la linea sarà ondulata come onde.

dashed lo stile creerà una sottolineatura tratteggiata.

dotted lo stile è simile al tratteggio ma i punti saranno più piccoli.

Lo stile double inserirà due sottolineature dove l’impostazione predefinita è una sottolineatura singola.

Il colore rosso e la sottolineatura tratteggiata può essere utilizzato per esprimere errori di ortografia, sintassi o generali. Inoltre dotted

Usa la classe CSS per la sottolineatura del testo HTML

Scrivere ogni codice CSS sottolineato, ancora e ancora, non è un buon lavoro. È possibile creare una classe CSS per diversi casi d’uso di sottolineatura e questa classe può essere utilizzata per la sottolineatura del testo HTML con altri tag HTML. Nel seguente esempio creeremo diverse classi CSS come underline-red, underline-green per creare facilmente la sottolineatura del testo.