Contenuto
La sottolineatura in HTML era una questione di racchiudere il testo tra i tag u> / u>, ma da allora questo metodo è stato deprecato a favore del CSS più versatile. La sottolineatura nelle pagine web è generalmente considerata un modo scomodo per enfatizzare una particolare sezione di testo. Questo perché il testo sottolineato viene facilmente confuso con un collegamento.
Al passo
Metodo 1 di 2: metodo corrente
Usa la proprietà di decorazione del testo nel tuo stile CSS. L'uso del tag u> non è più un modo adatto per sottolineare il testo. Invece, usiamo la proprietà CSS "text-decoration". - Ciò semplifica la modifica del codice, in modo da non dover modificare nulla del vecchio codice se è diventato inutilizzabile.
Usa il tag span> quando vuoi sottolineare una certa parte del testo. Posiziona il tag di inizio insieme alla proprietà "text-decoration" nel punto in cui desideri che inizi la sottolineatura. Posiziona il tag di fine / span> dove dovrebbe finire la sottolineatura. span style = "text-decoration: underline;"> Questo sarà sottolineato./span>
Dichiara elementi HTML nella> parte style della tua pagina. Puoi farlo anche nel foglio di stile CSS. La sottolineatura può essere resa molto più semplice associando uno stile a un elemento HTML. Ad esempio, per sottolineare tutte le intestazioni di livello 3, aggiungi il seguente stile CSS: html> head> style> h3 {text-decoration: underline; } / style> / head> body> h3> Questa intestazione è sottolineata / h3> / body> / html>
Crea una classe CSS da sottolineare rapidamente in qualsiasi momento. Puoi creare classi nel tuo foglio di stile o stile>, da richiamare in seguito. La classe può avere qualsiasi nome tu voglia. html> head> style> .underline {text-decoration: underline; } / style> / head> body> Puoi usare questa classe per sottolineare rapidamente div> / div> da parti diverse div> dal tuo contenuto / div> / body> / html>
Considera altri metodi per enfatizzare il testo. La sottolineatura dovrebbe essere evitata per evitare confusione al lettore. Un metodo popolare consiste nell'usare il tag em>, che rende il testo in corsivo. Puoi usare CSS per specificare ulteriormente questo tag, per un modo unico di enfatizzare. html> head> style> em {color: red; } / style> / head> body> Tutto all'interno dell'elemento em diventerà em> corsivo (a causa delle impostazioni predefinite) e rosso / em> a causa dello stile aggiunto sopra. / body> / html>
Metodo 2 di 2: metodo obsoleto
Evita di usare i vecchi tag u> / u>. Questi sono "sconsigliati", il che significa che funziona ancora, ma non è più utilizzato o consigliato. Questo perché HTML in linea di principio non è progettato come un linguaggio di markup. Il tag u> continuerà a funzionare, ma ora ha lo scopo di indicare un testo diverso dall'altro testo, come una parola con errori di ortografia o nomi propri cinesi. 
Usa il tag u> / u> per la sottolineatura (solo a scopo illustrativo). In nessun caso dovresti usare di nuovo questo metodo. Potrebbe essere utile sapere come è stato utilizzato nel caso in cui sia necessario aggiornare un sito Web precedente. html> body> Con il vecchio tag u> in HTML potevi sottolineare rapidamente le cose / u>, ma le cose si complicano rapidamente quando vengono usati altri elementi di stile. Questo è il motivo per cui ora sottolineiamo "decorazione del testo" con l'elemento CSS. / body> / html>
Suggerimenti
- C'è quasi sempre un modo migliore per enfatizzare qualcosa su una pagina web che con la sottolineatura. Può creare confusione per i lettori. Rendi il tuo testo più bello con i CSS, per farlo risaltare positivamente.
