Aggiungere enfasi al testo in una pagina Web è semplice utilizzando il tag HTML che producono grassetto, corsivo e sottolineato tipo. Tuttavia, HTML non contiene alcun tag dedicato per creare un effetto di evidenziazione sul testo. Per risolvere questo problema, è possibile utilizzare codice di Cascading Style Sheets (CSS) con il tag "span" per evidenziare porzioni di testo in qualsiasi colore che ti piace. Lo stile CSS può essere fatto all'interno di un singolo tag "span" per un effetto di evidenziazione una tantum, o integrato in un foglio di stile interno o esterno più grande per uso frequente.
Istruzioni
1
Luogo "span" tag intorno al testo che si desidera evidenziare con lo stile "background-color" definito nell'attributo "style" in se è sufficiente utilizzare l'effetto una volta o due volte su una singola pagina Web. Ecco un esempio:
< p > questo è un paragrafo normale nel corpo di un documento HTML. Tuttavia, < span style = "background-color: giallo" > questa parte di esso è stata evidenziata in giallo < / span > utilizzando il tag span e CSS. </p >
È possibile utilizzare uno qualsiasi dei colori CSS predefiniti, come "giallo" e "magenta" e può anche utilizzare esadecimale e codici di colore RGB per evidenziare in qualsiasi colore che ti piace. Vai a W3schools.com/css/css_colors_legal.asp per un documento che descrive tutti i possibili colori che è possibile specificare.
2
Aggiungere il seguente codice tra i tag di "head" del documento HTML se è necessario utilizzare spesso l'effetto di evidenziazione in quella pagina:
< style type = "text/css" >
.hlyellow {background-color: yellow;}
< / stile >
Quindi è possibile utilizzare il tag span nel modo seguente:
< span class = "hlyellow" > testo evidenziato < / span >
Questo metodo è preferibile per le pagine con un sacco di evidenziazione, perché non devi digitare lo stile "background-color" ogni volta, ed è possibile modificare rapidamente il colore di evidenziazione per l'intera pagina cambiando la definizione nella sezione "head". È inoltre possibile definire più classi per colori diversi. È possibile utilizzare qualsiasi nome di classe al posto di "hlyellow", ma dovrebbe evitare di avviare il nome con un numero.
3
Inserire il seguente codice in un documento di testo vuoto, quindi salvarlo con un nome come "highlight.css" se è necessario frequentemente evidenziare il testo in più pagine Web:
.hlyellow {background-color: yellow;}
Questo documento è denominato un foglio di stile CSS esterno. Per usarlo in una particolare pagina Web, prima di inserire il seguente codice tra i tag di "head" del documento HTML:
< link rel = "stylesheet" type = "text/css" href="highlight.css" / >
L'attributo "href" contiene il percorso del documento CSS, che in questo caso dovrebbe essere memorizzato nella stessa directory del documento HTML. Ora è possibile utilizzare il nome della classe come in passaggio 2 per evidenziare il testo:
< span class = "hlyellow" > testo evidenziato < / span >
È possibile modificare rapidamente il colore di evidenziazione per molte pagine Web contemporaneamente utilizzando questa tecnica.