Come far lampeggiare il testo in HTML

Ci sono quattro modi per far visualizzare testo lampeggiante in una pagina web quando visualizzata in un browser. Puoi usare il tag HTML <blink> per influenzare la visualizzazione di qualsiasi testo. Puoi aggiungere la dichiarazione "text-decoration: blink" nel file HTML. Puoi aggiungerla nel foglio di stile CSS (Cascading Style Sheet) che governa la visualizzazione. Oppure puoi aggiungere codice JavaScript personalizzato nel file HTML che fa lampeggiare il testo, cioè apparire e scomparire ripetutamente.

Passaggio 1

Avvia l'editor di testo, poi apri il file che contiene il testo della pagina web. L'estensione può essere .htm, .html, .xhtml, .xhtm, o altre.

Passaggio 2

Racchiudi tra i tag HTML <blink> e </blink> il testo che vuoi far lampeggiare. Puoi usare <blink> con qualsiasi testo visualizzato, come in titoli, paragrafi o tabelle.

Passaggio 3

Salva il file di testo appena modificato.

Passaggio 4

Avvia l'editor di testo, poi apri il file che contiene il testo della pagina web. L'estensione può essere .htm, .html, .xhtm, .xhtml, o altre.

Passaggio 5

Verifica se il file HTML include una riga "<style type="text/css">". Se no, dopo la riga "<head>" aggiungi le righe mostrate nell'esempio.

Passaggio 6

Tra la riga "<style type="text/css">" e "</style>", aggiungi la riga mostrata nell'esempio. Come esempio, questa riga fa lampeggiare tutto il testo con tag "<h1>". Usa questa tecnica per qualsiasi testo di intestazione (h1-h6), l'intero corpo (body), o testo con un tag HTML particolare.

Passaggio 7

Salva il file di testo appena modificato.

Passaggio 8

Avvia l'editor di testo, poi apri il file CSS (Cascading Style Sheet) che controlla la presentazione della pagina con testo da far lampeggiare. L'estensione può essere .css o altre. Potrebbe, o no, essere nella stessa cartella dei file HTML che governa.

Passaggio 9

Nel file CSS, cerca una delle due righe mostrate nell'esempio. I puntini ("...") indicano che qualsiasi testo potrebbe trovarsi in quella parte della riga nel tuo CSS.

Passaggio 10

Aggiungi o modifica le righe come mostrato nell'esempio. Per qualsiasi file HTML che fa riferimento a questo CSS, la nuova riga fa lampeggiare tutto il testo marcato con "<p>" quando visualizzato nel browser.

Passaggio 11

Per far lampeggiare solo un pezzo di testo taggato con un dato ID, modifica il file CSS e HTML come mostrato nell'esempio. Nel file HTML, per dichiarare questo ID, puoi modificare il tag HTML in questo modo per qualsiasi pezzo di testo.

Passaggio 12

Avvia l'editor di testo. In un nuovo file, inserisci le righe mostrate nell'esempio. Salva in un file con estensione .htm.

Passaggio 13

Apri il nuovo file HTML nel browser. Nota che la riga "Il tuo testo" lampeggia. Questo dovrebbe avvenire in quasi tutti i browser — incluso Microsoft Internet Explorer — in cui JavaScript è abilitato.

Passaggio 14

Per usare il programma JavaScript dell'esempio, copia le righe dal nuovo file HTML e incollale in un altro file HTML dopo la riga con tag "<body>". Nell'altro file, assicurati che la riga "<body>" includa dentro le parentesi: onload="setInterval('blinkIt()',500)"

Passaggio 15

Avvia il browser.

Passaggio 16

Apri il file HTML nel browser. Ci sono tre modi:

- Trascina l'icona del file nella finestra del browser.
- Seleziona File > Apri e usa la finestra Apri per selezionare il file.
- Inserisci il nome del file nel campo Posizione (o URL) del browser.

Passaggio 17

Come mostrato nell'esempio, se hai effettuato l'accesso come "JBrown" e il file My-File.html è sul Desktop, su Windows digita file:///C:/Documents%20and%20Settings/JBrown/Desktop/My-File.html e premi Invio, o su Mac file:///Users/JBrown/Desktop/My-File.html e premi Invio.

Suggerimento

Per alcuni browser che visualizzano testo lampeggiante, l'utente può disabilitare questa capacità nelle impostazioni. Ad esempio, in Mozilla Firefox l'impostazione about:config "browser.blink_allowed" determina se il testo taggato come lampeggiante appare effettivamente lampeggiante.

Il tag HTML <blink> non è HTML "standard" e non è mai stato supportato da tutte le versioni di tutti i browser, incluso Microsoft Internet Explorer. Non è consigliato per pagine che prevedi saranno visualizzate in futuri browser.

La dichiarazione "text-decoration: blink" è considerata standard nella raccomandazione CSS 1 e specifica CSS 2.1 del W3C, l'organizzazione internazionale per gli standard web. Questa dichiarazione dovrebbe essere supportata ora e in futuro da tutti i principali browser che aderiscono agli standard.

Avvertenza

Usare testo lampeggiante in una pagina web non è consigliato. Un motivo: un lettore soggetto a crisi epilettiche può reagire negativamente. Inoltre, il testo lampeggiante attira fortemente l'attenzione dell'occhio, anche guardando altre parti della pagina, e può essere considerato irritante.