Scarica PDF Scarica PDF

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 di 2:
Metodo Attuale

  1. 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. 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]
    <span style="text-decoration: underline;">Questo testo sarà sottolineato.</span>
    
  3. 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. 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. 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 di 2:
Metodo Deprecato

  1. 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. 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

Danneggiare un File di Proposito Utilizzando Corrupt a File.NetDanneggiare un File di Proposito Utilizzando Corrupt a File.Net
HackerareHackerare
Inserire gli Spazi in HTML
Diventare un HackerDiventare un Hacker
Aprire un File XMLAprire un File XML
Digitare un TrattinoDigitare un Trattino
Aggiungere un Link a un'ImmagineAggiungere un Link a un'Immagine
Compilare un Programma C Utilizzando il Compilatore GNU GCCCompilare un Programma C Utilizzando il Compilatore GNU GCC
Creare una Semplice Pagina Web con HTMLCreare una Semplice Pagina Web con HTML
Convertire un Numero dal Sistema Binario a Quello DecimaleConvertire un Numero dal Sistema Binario a Quello Decimale
Creare un File BatchCreare un File Batch
Aprire un File '.Dat'Aprire un File '.Dat'
Creare un Menu a Tendina in HTML e CSSCreare un Menu a Tendina in HTML e CSS
Impostare la Larghezza e l'Altezza di un Immagine in HTMLImpostare la Larghezza e l'Altezza di un Immagine in HTML
Pubblicità

Informazioni su questo wikiHow

wikiHow è una "wiki"; questo significa che molti dei nostri articoli sono il risultato della collaborazione di più autori. Per creare questo articolo, autori volontari hanno collaborato apportando nel tempo delle modifiche per migliorarlo. Questo articolo è stato visualizzato 14 374 volte
Categorie: Programmazione
Questa pagina è stata letta 14 374 volte.

Hai trovato utile questo articolo?

Pubblicità