Efectos Para Texto en HTML

Los efectos de texto pueden hacer que tu página web se vea más interesante, pero si los usas incorrectamente, pueden hacer que sea una pesadilla. Puedes resaltar el texto, dejarlo en segundo plano, hacer que se desplace por la pantalla o incluso hacer que caiga de la parte superior de la página web. Ten en cuenta que algunos códigos HTML no funcionan en todos los navegadores, en Netscape en particular. Todos estos códigos HTML se deben colocar dentro de las etiquetas .

Efectos atractivos de texto HTML

Los efectos de texto pueden hacer que tu página web se vea más interesante, pero si los usas incorrectamente, pueden hacer que sea una pesadilla. Puedes resaltar el texto, dejarlo en segundo plano, hacer que se desplace por la pantalla o incluso hacer que caiga de la parte superior de la página web. Ten en cuenta que algunos códigos HTML no funcionan en todos los navegadores, en Netscape en particular. Todos estos códigos HTML se deben colocar dentro de las etiquetas <body></body>.

Realiza tu propia página web.
Digital Vision/Digital Vision/Getty Images

Desplazamiento de texto

La etiqueta "carpa" del código HTML hará que tu texto se desplace de derecha a izquierda, de izquierda a derecha y hacia arriba o hacia abajo. Esta es una de las etiquetas que no funciona en Netscape.

Un ejemplo de desplazamiento:

Escribe tu texto aqui

<div align="center"><font color="#FFFFFF" size="+1"><marquee bgcolor="#000000" direction="right" loop="20">Escribe tu texto aqui</marquee></font></div>

Fondos y texto resaltado

Los fondos colocan una caja de color debajo del texto que escribas.

Ejemplo de código:

Escribe tu texto aqui

Un texto resaltado es aquel que se decora con un color semi-transparente, produciendo el mismo efecto que un resaltador en un texto escrito en el papel.

Código de ejemplo para un resaltado amarillo:

Escribe tu texto aqui

Efectos al pasar el ratón

Los efectos al pasar el ratón provocan una acción que se produce cuando el usuario detiene el cursor sobre la sección de texto que se modifica por el comando "". Al pasar el ratón, el texto aparecerá en una caja pequeña justo debajo y un poco por encima del texto normal.

Ejemplo de código:

Escribe tu texto aqui

Caída del texto

El efecto de caída del texto hace que los bloques de texto se desplacen hacia abajo en una página web. El código "<marquee direction>" se utiliza para este efecto y se puede aplicar a través de una página entera o sólo en una pequeña sección.

Por ejemplo:

Escribe tu texto aqui

Efectos especiales de texto en HTML

Los efectos especiales de HTML hacen que el texto parezca y se mueva de manera inusual.
Polka Dot RF/Polka Dot/Getty Images

Letra capital

En el procesador de textos, una letra capital agranda la primera letra de un párrafo. Puedes reproducir este efecto en tus páginas web usando HTML y CSS. Utiliza la propiedad "float" para alinear la letra capital y "font-size" para aumentar el tamaño en relación al resto del texto del párrafo. Escribe el carácter en las etiquetas de "span".

Por ejemplo:

T Este es el ejemplo de un efecto de letra capital empleando la propiedad "float".

Desplazamiento de texto

El efecto de marquesina en HTML hace hace que el texto se mueva de diferentes maneras. La "direction" en el código indica al navegador hacia donde se moverá el texto: arriba, abajo, izquierda o derecha. El atributo "behavior" describe cómo se moverá el texto: "Scroll" hace que el texto se mueva más allá del área visible de marquesina y luego vuelva a iniciar; "slide" hace que se detenga al final de la marquesina; "alternate" le dice al texto que se mueva de un lado al otro. Utiliza "scrollamount" para determinar la velocidad; entre mayor sea el número, mayor será la velocidad de desplazamiento.

Por ejemplo:

Scrolling text up!

Encabezado bajo el ratón

La etiqueta span en HTML hace que un texto aparezca en el área donde se inserta. Por ejemplo, si deseas agregar un resumen a un párrafo, inserta el texto utilizando la etiqueta span.

Por ejemplo:

Paragraph text here.