Cómo hacer que el texto parpadee en HTML

Hay cuatro formas de hacer que una página web muestre texto parpadeante cuando la página se muestra en un navegador web. Puede usar la etiqueta HTML para afectar la visualización de cualquier texto en la página web. Puede agregar la declaración "decoración de texto:parpadeo" en el archivo HTML de la página web. Puede agregar la declaración "decoración de texto:parpadeo" en el archivo de hoja de estilo en cascada (CSS) que rige la visualización de la página web. O puede agregar un código JavaScript personalizado en el archivo HTML de la página web que hace que el texto parpadee, es decir, que aparezca y desaparezca repetidamente.

Paso 1

Ejecute el editor de texto y luego abra el archivo que contiene el texto de la página web. La extensión del nombre del archivo puede ser .htm, .html, .xhtml, .xhtm u otras.

Paso 2

Encierra entre las etiquetas HTML y el texto que quieres que aparezca parpadeando. Puede usar la etiqueta con cualquier texto que se muestre en la página web, como encabezados, párrafos o tablas.

Paso 3

Guarde el archivo de texto que acaba de editar.

Paso 4

Ejecute el editor de texto y luego abra el archivo que contiene el texto de la página web. La extensión del nombre del archivo puede ser .htm, .html, .xhtm, .xhtml u otras.

Paso 5

Compruebe si el archivo HTML incluye una línea que dice "", agregue la línea de texto que se muestra en este ejemplo. Como ejemplo, esta línea hace que todo el texto de esta página web con la etiqueta "

" aparezca parpadeando. Use esta técnica para afectar cualquier texto de encabezado (h1, h2, h3, ... h6), todo el cuerpo de la página web (cuerpo) o texto que tenga una etiqueta HTML particular.

Paso 7

Guarde el archivo de texto que acaba de editar.

Paso 8

Inicie el editor de texto, luego abra el archivo de hoja de estilo en cascada (CSS) que controla la presentación de la página web con el texto que desea que aparezca parpadeando. La extensión del nombre del archivo puede ser .css u otras. Puede o no encontrarse en la misma carpeta o directorio que los archivos HTML cuya visualización controla.

Paso 9

En el archivo CSS, busque cualquiera de las dos líneas que se muestran en este ejemplo. En el ejemplo, los puntos suspensivos ("...") indican que se puede encontrar cualquier texto en esa parte de la línea en su archivo CSS.

Paso 10

Agregue o edite las líneas como se muestra en este ejemplo. Para cualquier archivo HTML que haga referencia a este archivo CSS, la nueva línea hace que todo el texto marcado con la etiqueta "

" parpadee cuando se visualice en el navegador web.

Paso 11

Para hacer que solo un fragmento de texto etiquetado con un ID determinado parpadee, edite el archivo CSS y el archivo HTML como se muestra en este ejemplo. En el archivo HTML, para declarar este ID, puede editar la etiqueta HTML de esta manera para cualquier fragmento de texto.

Paso 12

Inicie el editor de texto. En un nuevo archivo de texto, ingrese las líneas que se muestran en este ejemplo. Guarde el texto en un archivo con extensión de nombre .htm.

Paso 13

Abra el nuevo archivo HTML en su navegador web. Observe que la línea "Su texto" está parpadeando. Este resultado debería ocurrir en casi cualquier navegador web, incluido Microsoft Internet Explorer, en el que JavaScript esté habilitado.

Paso 14

Para usar el programa JavaScript que se muestra en el ejemplo, copie las líneas del programa del nuevo archivo HTML y péguelas en otro archivo HTML después de la línea con la etiqueta "". En el otro archivo HTML, asegúrese de que la línea con la etiqueta "" incluya entre paréntesis este texto:onload="setInterval('blinkIt()',500)"

Paso 15

Inicie su navegador web.

Paso 16

Abra el archivo HTML en el navegador web. Hay tres formas de hacerlo:

-Arrastre el icono del archivo a la ventana del navegador. -Seleccione el comando Archivo> Abrir y utilice el cuadro de diálogo Abrir para seleccionar el archivo que desea abrir. -Ingrese el nombre del archivo en el campo Ubicación (o URL) del navegador.

Paso 17

Como se muestra en este ejemplo, si inició sesión en su computadora como "JBrown" y el archivo My-File.html se encuentra en su escritorio, entonces en una PC con Windows ingrese file:///C:/Documents%20and%20Settings/ JBrown/Desktop/My-File.html y presione Enter, o en una Mac ingrese file:///Users/JBrown/Desktop/My-File.html y presione Enter.

Consejo

Para algunos navegadores web que pueden mostrar texto parpadeante, el usuario puede anular esta capacidad utilizando la configuración del navegador. Por ejemplo, para comodidad del usuario, la configuración about:config "browser.blink_allowed" del navegador Mozilla Firefox determina si el texto etiquetado como parpadeante realmente aparece parpadeando.

Tenga en cuenta que la etiqueta HTML no es HTML "estándar" y nunca ha sido compatible con todas las versiones de todos los navegadores web, incluido Microsoft Internet Explorer. Esta técnica no se recomienda para mostrar texto parpadeante en páginas web que espera ver en futuros navegadores web.

La declaración "text-decoration:blink" se considera estándar en la recomendación CSS 1 y la especificación CSS 2.1 publicada por World Wide Web Consortium, la organización internacional de elaboración de estándares para la Web. Esa declaración debe ser respaldada ahora y en el futuro por todos los principales navegadores web que cumplan con los estándares internacionales.

Advertencia

El uso de texto parpadeante en una página web no es una práctica recomendada. Una de las razones es que un lector sujeto a ataques epilépticos puede reaccionar negativamente cuando ve un texto parpadeante. Además, el texto parpadeante en una página atrae fuertemente la atención del ojo, incluso cuando se ven otras partes de la página, por lo que puede considerarse irritante o molesto para el lector.