TUTORIALES HTML

Páginas: 8 (1769 palabras) Publicado: 28 de octubre de 2014
http://www.galeon.com/ortihuela/html16.htm
http://www.galeon.com/ortihuela/
16. Texto en movimiento
Vamos a ver distintas soluciones para conseguir texto en movimiento: haciendo uso del lenguaje HTML (las marquesinas), con un GIF animado, con Javascript, etc.
Marquesinas (Marquees)
Una marquesina (en inglés, marquee) es una ventana en la que se desplaza un texto. Sólo son válidas para elExplorer de Microsoft (en el Netscape se verá como texto fijo).
La etiqueta básica es:
<MARQUEE> Texto que se desplaza </MARQUEE>
Que resulta como: 
Como no hemos añadido ningún atributo dentro de la etiqueta, el comportamiento de la marquesina es el que tiene por defecto: ocupa todo el ancho de la pantalla, tiene la altura de una línea y el texto se desplaza lentamente dederecha a izquierda. Vamos a ver los distintos atributos que modifican su apariencia y comportamiento:
WIDHT, HEIGHT Ajustan la anchura y altura, respectivamente, de la marquesina. Pueden ser igual a un número de pixels, o a un porcentaje de la pantalla. Ejemplo:
<MARQUEE WIDTH=50% HEIGHT=60> Esta marquesina ocupa el 50% del ancho de la pantalla y tiene una altura de 60 pixels </MARQUEE>Que resulta como:

ALIGN Modifica el alineamiento del texto que rodea a la marquesina, que puede ser TOP (arriba), MIDDLE (en medio) o BOTTOM (abajo). Ejemplo:
<MARQUEE WIDTH=50% HEIGHT=60 ALIGN=BOTTOM>La palabra "¡Hola!" estará alineada con la parte inferior de la marquesina</MARQUEE> ¡Hola!
Que resulta como:
¡Hola!
BEHAVIOR Este atributo (que quiere decir en ingléscomportamiento) sirve para definir de qué manera se va a efectuar el desplazamiento del texto. Si es igual a SCROLL (el valor por defecto), el texto aparece por un lado, se desplaza hasta el otro hasta desaparecer por él, y vuelve a empezar (como los casos que hemos visto anteriormente). Si es igual a SLIDE, aparece por un lado y se desplaza hasta llegar al otro extremo, y se para ahí. Si es igual aALTERNATE se desplaza alternativamente hacia un lado y otro, siempre dentro de los límites de la marquesina. Ejemplo:
<MARQUEE BEHAVIOR=ALTERNATE>Este texto se mueve a un lado y otro, sin desaparecer</MARQUEE>
Que se resulta así:

BGCOLOR  Con este atributo se modifica el color de fondo de la marquesina, de acuerdo con el método visto en el Capítulo 7. Ejemplo:
<MARQUEEBGCOLOR="#FF7070"> Esta marquesina tiene un fondo de color rosa </MARQUEE>
Que resulta así:

DIRECTION Este atributo sirve para modificar la dirección hacia la que se dirige el texto. Por defecto es LEFT (izquierda). Se puede hacer que el texto se dirija hacia la derecha igualando este atributo a RIGHT. Ejemplo:
<MARQUEE DIRECTION=RIGHT> Este texto se dirije hacia la derecha</MARQUEE>
Que resulta como:

SCROLLAMOUNT  Define la cantidad de desplazamiento del texto en cada movimiento de avance, expresado en pixels. Cuanto mayor es el número, más rápido avanza. Ejemplo:
<MARQUEE SCROLLAMOUNT=50> Doy saltos grandes </MARQUEE>
Que se ve como:

SCROLLDELAY  Define el tiempo entre cada movimiento de avance, expresado en milisegundos. Cuanto mayores el número más lento avanza. Ejemplo:
<MARQUEE SCROLLDELAY =200> Espero mucho entre cada salto </MARQUEE>
Que se ve como:

LOOP  Especifica el número de veces que aparecerá el texto. Es indefinido por defecto.
HSPACE, VSPACE  Definen, respectivamente, la separación en sentido horizontal o vertical del texto que está fuera de la marquesina.
Fuentes dentro de la marquesinaSi se desea que el texto que aparece dentro de una marquesina tenga una fuente concreta, distinta de la que tiene por defecto el navegador, se debe poner la etiqueta <FONT FACE> (ver Cap. 6) por fuera de la etiqueta de la marquesina. Ejemplo:
<FONT FACE="IMPACT"><MARQUEE BGCOLOR="FFFF00">Esto se ve con la fuente Impact</MARQUEE></FONT>
Que se verá así:
 ...
Leer documento completo

Regístrate para leer el documento completo.

Estos documentos también te pueden resultar útiles

  • Tutorial html, xml y java script
  • Tutorial Html
  • Tutorial en html
  • Html Tutorial
  • Tutorial HTML
  • Tutorial De Html
  • Tutorial De Html
  • Tutorial HTML

Conviértase en miembro formal de Buenas Tareas

INSCRÍBETE - ES GRATIS