Como fazer o texto piscar em HTML

Há quatro maneiras de fazer com que uma página da Web exiba um texto piscando quando a página é exibida em um navegador da Web. Você pode usar a tag HTML para afetar a exibição de qualquer texto na página da Web. Você pode adicionar a declaração "text-decoration:blink" no arquivo HTML da página da Web. Você pode adicionar a declaração "text-decoration:blink" no arquivo Cascading Style Sheet (CSS) que controla a exibição da página da Web. Ou você pode adicionar um código JavaScript personalizado no arquivo HTML da página da Web que faz com que o texto pisque, ou seja, apareça e desapareça repetidamente.

Etapa 1

Execute o editor de texto e abra o arquivo que contém o texto da página da Web. A extensão do nome do arquivo pode ser .htm, .html, .xhtml, .xhtm ou outros.

Etapa 2

Coloque entre as tags HTML e o texto que deseja que apareça piscando. Você pode usar a marca com qualquer texto exibido na página da Web, como títulos, parágrafos ou tabelas.

Etapa 3

Salve o arquivo de texto que você acabou de editar.

Etapa 4

Execute o editor de texto e abra o arquivo que contém o texto da página da Web. A extensão do nome do arquivo pode ser .htm, .html, .xhtm, .xhtml ou outros.

Etapa 5

Verifique se o arquivo HTML inclui uma linha que diz "", adicione a linha de texto mostrada neste exemplo. Como exemplo, esta linha faz com que todo o texto nesta página da Web com a tag "

" apareça piscando. Use essa técnica para afetar qualquer texto de cabeçalho (h1, h2, h3, ... h6), todo o corpo da página da Web (corpo) ou texto com uma tag HTML específica.

Etapa 7

Salve o arquivo de texto que você acabou de editar.

Etapa 8

Inicie o editor de texto e abra o arquivo Cascading Style Sheet (CSS) que controla a apresentação da página da Web com o texto que você deseja que apareça piscando. A extensão do nome do arquivo pode ser .css ou outras. Ele pode ou não ser encontrado na mesma pasta ou diretório que os arquivos HTML cuja exibição ele rege.

Etapa 9

No arquivo CSS, procure uma das duas linhas mostradas neste exemplo. No exemplo, as reticências ("...") indicam que qualquer texto pode ser encontrado nessa parte da linha em seu arquivo CSS.

Etapa 10

Adicione ou edite as linhas conforme mostrado neste exemplo. Para qualquer arquivo HTML que se refira a esse arquivo CSS, a nova linha faz com que todo o texto marcado com a tag "

" apareça piscando quando visualizado no navegador da Web.

Etapa 11

Para fazer com que apenas um pedaço de texto marcado com um determinado ID apareça piscando, edite o arquivo CSS e o arquivo HTML conforme mostrado neste exemplo. No arquivo HTML, para declarar esse ID, você pode editar a tag HTML dessa maneira para qualquer parte do texto.

Etapa 12

Inicie o editor de texto. Em um novo arquivo de texto, insira as linhas mostradas neste exemplo. Salve o texto em um arquivo com extensão de nome .htm.

Etapa 13

Abra o novo arquivo HTML em seu navegador da Web. Observe que a linha "Seu texto" está piscando. Esse resultado deve ocorrer em quase todos os navegadores da Web - incluindo o Microsoft Internet Explorer - nos quais o JavaScript está ativado.

Etapa 14

Para usar o programa JavaScript mostrado no exemplo, copie as linhas do programa do novo arquivo HTML e cole-as em outro arquivo HTML após a linha com a tag "". No outro arquivo HTML, certifique-se de que a linha com a tag "" inclua dentro dos colchetes este texto:onload="setInterval('blinkIt()',500)"

Etapa 15

Inicie seu navegador da Web.

Etapa 16

Abra o arquivo HTML no navegador da Web. Existem três maneiras de fazê-lo:

-Arraste o ícone do arquivo para a janela do navegador. -Selecione o comando Arquivo> Abrir e use a caixa de diálogo Abrir para selecionar o arquivo a ser aberto. -Digite o nome do arquivo no campo Localização (ou URL) do navegador.

Etapa 17

Conforme mostrado neste exemplo, se você fez logon em seu computador como "JBrown" e o arquivo My-File.html for encontrado em sua área de trabalho, em um PC com Windows digite file:///C:/Documents%20and%20Settings/ JBrown/Desktop/My-File.html e pressione Enter, ou em um Mac digite file:///Users/JBrown/Desktop/My-File.html e pressione Enter.

Dica

Para alguns navegadores da Web que podem exibir texto piscando, o usuário pode substituir esse recurso usando as próprias configurações do navegador. Por exemplo, para conveniência do usuário, a configuração about:config "browser.blink_allowed" do navegador Mozilla Firefox determina se o texto marcado como piscando realmente aparece piscando.

Observe que a marca HTML não é HTML "padrão" e nunca foi suportada por todas as versões de todos os navegadores da Web, incluindo o Microsoft Internet Explorer. Essa técnica não é recomendada para exibir texto intermitente em páginas da Web que você espera que sejam exibidas em futuros navegadores da Web.

A declaração "text-decoration:blink" é considerada padrão na recomendação CSS 1 e na especificação CSS 2.1 publicadas pelo World Wide Web Consortium, a organização internacional de criação de padrões para a Web. Essa declaração deve ser suportada agora e no futuro por todos os principais navegadores da Web que aderem aos padrões internacionais.

Aviso

Usar texto intermitente em uma página da Web não é uma prática recomendada. Uma razão é que um leitor sujeito a ataques epilépticos pode reagir negativamente ao ver um texto piscando. Além disso, piscar o texto em uma página atrai fortemente a atenção do olho, mesmo ao visualizar outras partes da página e, portanto, pode ser considerado irritante ou irritante para o leitor.

Máquinas de lavar roupas

Frigorífico

Ar condicionado

Vida Inteligente