Efectos atractivos de texto HTML

Escrito por beverly shearer | Traducido por enrique pereira vivas
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Efectos atractivos de texto HTML
Realiza tu propia página web. (Digital Vision/Digital Vision/Getty Images)

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>.

Otras personas están leyendo

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: <p><font size="3"><span style="background: #000000; color: #FFFFFF; padding: 5px 5px 5px 5px;">Escribe tu texto aqui</span></font></p>

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:

<span style="background-color: #FFFF00">Escribe tu texto aqui</span>

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 "<span título>". 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:

<span title="Your mouseover text here"><b>Escribe tu texto aqui</b> </span>

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:

<marquee direction="down" behavior="scroll" scrollamount="3" style="position:absolute; left:150px; top:150px"><font color="#000000" size="3" >Escribe tu texto aqui</font></marquee>

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles