Come Sottolineare il Testo in HTML

In passato, per sottolineare in HTML era sufficiente racchiudere il testo tra i tag <u></u>, ma questo metodo è stato abbandonato in favore del più versatile CSS. In generale, sottolineare il testo è considerato un modo inappropriato di attirare l'attenzione del lettore, perché è facile creare confusione con i link.

Metodo 1

Metodo 1 di 2:

Metodo Attuale

Scarica PDF

1
Usa nel modo corretto lo stile CSS "text-decoration". Utilizzare il tag <u> non è più il modo appropriato per sottolineare il testo. Devi invece sfruttare la proprietà "text-decoration" di CSS.
- Questo permette di rendere il codice valido anche in futuro; non dovrai modificarlo quando il vecchio metodo per sottolineare diventerà inutilizzabile.
2
Usa il tag <span> per sottolineare il testo. Scrivi il tag insieme alla proprietà "text-decoration" nel punto in cui la linea deve cominciare. Piazza il tag di chiusura </span> dove la linea deve interrompersi.^{[1]XFonte di ricerca}
```
<span style="text-decoration: underline;">Questo testo sarà sottolineato.</span>
```
3
Dichiara gli elementi HTML nella sezione <style> della pagina. Puoi farlo anche in un foglio di stile di CSS. In questo modo, sottolineare diventa molto più semplice. Ad esempio, per sottolineare tutte le intestazioni di terzo livello, aggiungi il codice seguente alla sezione style di CSS:
```
<html><head><style>h3 {text-decoration: underline;}</style></head><body><h3>Questo titolo sarà sottolineato</h3></body></html>
```

How.com.vn Italiano: Step 4 Crea una classe CSS per sottolineare rapidamente il testo selezionato.

Nel tuo foglio di stile o nella sezione <style>, puoi creare delle classi da richiamare in seguito. Puoi scegliere il nome che preferisci per la classe.

<html><head><style>.sottolineato {text-decoration: underline;}</style></head><body>Puoi usare questa classe per <div class="sottolineato">sottolineare velocemente</div> diverse sezioni <div class="sottolineato">del contenuto</div></body></html>

5
Considera altri metodi per mettere in evidenza il testo. Dovresti evitare di sottolineare, in modo da non confondere i lettori. Uno dei metodi alternativi usati più frequentemente è il tag <em>, che trasforma il testo in corsivo. Puoi usare CSS per definire ulteriormente il tag e personalizzare l'enfasi delle parole.
```
<html><head><style>em {color: red;}</style></head><body>Tutto il testo con l'elemento sarà <em>in corsivo (per impostazione predefinita) e in rosso</em>grazie alla configurazione di stileaggiuntiva inserita in precedenza.</body></html>
```
Pubblicità

Metodo 2

Metodo 2 di 2:

Metodo Deprecato

Scarica PDF

Questo metodo è considerato "deprecato", quindi funziona ancora, ma non viene più utilizzato e non è consigliato. Questa scelta deriva dal fatto che HTML non è un linguaggio pensato per attribuire uno stile al contenuto. Il tag <u> funziona ancora, ma è pensato per rappresentare testo diverso dal resto, come parole con errori ortografici o nomi propri cinesi.
2
Usa i tag <u></u> per sottolineare (metodo descritto solo a scopo illustrativo). In teoria, non c'è alcun motivo per usare ancora questo metodo. Può esserti utile conoscerne il funzionamento, nel caso in cui dovessi aggiornare un vecchio sito web.
```
<html><body>Il vecchio tag per sottolineare in HTML <u>consente di sottolinearevelocemente delle parole</u>, ma creava dei problemi di compatibilitàcon altri elementi di stile. Ecco perché oggi il testo viene sottolineatoutilizzando l'elemento CSS "text-decoration".</body></html>
```
Pubblicità

Consigli

Esiste quasi sempre un metodo migliore della sottolineatura per dare enfasi al testo. Le parole sottolineate infatti, possono confondere molto il lettore. Considera di ravvivare il testo con il CSS per farlo risaltare.