Come Sottolineare il Testo in HTML

Co-redatto da Lo Staff di wikiHow

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

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]
X
Fonte 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>
```
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 stile
aggiuntiva inserita in precedenza.
</body>
</html>
```
Pubblicità

Metodo 2

Metodo 2 di 2:

Metodo Deprecato

1
Evita di usare i vecchi tag <u></u>. 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 sottolineare
velocemente delle parole</u>, ma creava dei problemi di compatibilità
con altri elementi di stile. Ecco perché oggi il testo viene sottolineato
utilizzando 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.

Pubblicità

wikiHow Correlati

Pubblicità

Riferimenti

↑ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/u

Informazioni su questo wikiHow

Co-redatto da:

Lo Staff di wikiHow

Staff di wikiHow - Redazione

Questo articolo è stato scritto in collaborazione con il nostro team di editor e ricercatori esperti che ne hanno approvato accuratezza ed esaustività.

Il Content Management Team di wikiHow controlla con cura il lavoro dello staff di redattori per assicurarsi che ogni articolo incontri i nostri standard di qualità. Questo articolo è stato visualizzato 22 537 volte

Categorie: Programmazione

Pubblicità