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>.
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:
<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:
Efectos especiales de texto en HTML
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:
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.
